.sjh-clients-page .sjh-client-stories { padding: clamp(64px,7vw,112px) clamp(24px,4vw,80px) !important; background: #e9eee9; color: #123f34; }
body:has(.sjh-client-stories) .sjh-underlay-nav__header:has(.sjh-underlay-nav__toggle[aria-expanded="false"]) { background: rgba(233,238,233,.97); backdrop-filter: blur(10px); }
.sjh-client-stories-heading { margin-bottom: 32px; }
.sjh-client-stories-heading > p { font: 500 11px/1.5 'DM Sans',sans-serif; letter-spacing: .13em; text-transform: uppercase; margin: 0 0 18px; }
body.sjh-detail-polish.sjh-detail-polish.sjh-detail-polish .sjh-clients-page .sjh-client-stories h2 { color: #123f34 !important; font: 400 clamp(32px,3.4vw,52px)/1.12 'Playfair Display',Georgia,serif !important; font-variation-settings: normal !important; letter-spacing: -.035em !important; }
.sjh-client-story-nav { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-bottom: 64px; max-width: 100%; }
.sjh-client-story-nav a { padding-block: 10px; color: #123f34; text-underline-offset: 5px; font: 400 14px/1.5 'DM Sans',sans-serif; }
.sjh-client-story { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: clamp(28px,5vw,80px); align-items: center; padding-block: clamp(40px,6vw,88px); scroll-margin-top: 110px; }
.sjh-client-story + .sjh-client-story { border-top: 1px solid rgba(18,63,52,.13); }
body.sjh-detail-polish .sjh-client-stories .sjh-client-story { scroll-margin-top: 0 !important; }
.sjh-client-story-lead { align-items: start; }
.sjh-client-story:nth-of-type(even) .sjh-client-story-media { order: 2; }
.sjh-client-story-media, .sjh-client-story-copy { min-width: 0; }
.sjh-client-story figure { margin: 0; overflow: hidden; background: #dbe3dc; }
.sjh-client-story-media > figure { aspect-ratio: 4/3; }
.sjh-client-story img { display: block; width: 100%; height: 100%; object-fit: contain; }
.sjh-client-story-copy h2 { margin: 12px 0 26px; }
.sjh-clients-page .sjh-client-story-copy p { font: 400 16px/1.8 'DM Sans',sans-serif !important; color: #50625a; }
.sjh-clients-page .sjh-client-story-copy .sjh-client-story-location { color: #123f34; font-size: 12px !important; letter-spacing: .035em; }
.sjh-client-story-link { display: inline-flex; gap: 32px; align-items: center; margin-top: 20px; padding-block: 12px; color: #123f34; text-decoration: none; border-bottom: 1px solid rgba(18,63,52,.35); font: 500 14px/1.5 'DM Sans',sans-serif; }
.sjh-client-story-link span { transition: transform .3s ease; }
.sjh-client-story-link:hover span { transform: translate(3px,-3px); }
.sjh-client-launch-gallery { display: flex; gap: 12px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x proximity; margin-top: 12px; padding-bottom: 8px; }
.sjh-client-launch-gallery figure { flex: 0 0 68%; aspect-ratio: 3/2; scroll-snap-align: start; }
.sjh-client-launch-gallery img { object-fit: cover; }
.sjh-client-gallery-hint { display: flex; justify-content: space-between; font-size: 12px !important; color: #50625a; }
@media (max-width: 800px) {
  .sjh-client-story { grid-template-columns: minmax(0,1fr); gap: 28px; scroll-margin-top: 90px; }
  .sjh-client-story:nth-of-type(even) .sjh-client-story-media { order: 0; }
  .sjh-client-story-copy { order: -1; }
  .sjh-client-story-nav { margin-bottom: 30px; gap: 4px 20px; }
}
@media (prefers-reduced-motion: reduce) { .sjh-client-story-link span { transition: none; } }