/* Shared service-page portfolio. No selectors escape the case-study section. */
.svcx-stories:has([data-case-cascade]) .svcx-stories__layout {
  display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.5fr);
  align-items:center;gap:clamp(24px,4vw,56px);max-width:1100px;margin-inline:auto;
}
.svcx-stories:has([data-case-cascade]) .svcx-stories__intro { display:block;position:static;align-self:center;padding:0 }
.svcx-stories:has([data-case-cascade]) .svcx-stories__intro .svcx-h2 { max-width:16ch;font-size:clamp(2rem,3vw,3.2rem) }
.svcx-stories:has([data-case-cascade]) .svcx-stories__intro>p { max-width:32ch;margin:1.15rem 0 1.5rem }
.svcx-stories [data-case-cascade] { --cascade-gap:10px;--cascade-row:148px;min-width:0;width:100%;max-width:620px;justify-self:center }
.svcx-stories [data-cascade-track] { display:flex;flex-direction:column;gap:var(--cascade-gap) }
.svcx-stories [data-cascade-original],.svcx-stories [data-cascade-copy] {
  position:relative;flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-flow:dense;grid-auto-rows:var(--cascade-row);gap:var(--cascade-gap);margin:0;
}
html body .svcx-stories [data-case-cascade] .svcx-story:nth-child(n) {
  grid-column:span 1;grid-row:span 1;min-height:0;border-radius:16px!important;
  opacity:1;transform:none;
}
/* Match the live preview's seven-tile sequence: tall, square, square,
   wide, square, tall, square. Dense placement fills the short-tile gaps. */
html body .svcx-stories [data-case-cascade] .svcx-story:nth-child(7n+1),
html body .svcx-stories [data-case-cascade] .svcx-story:nth-child(7n+6) { grid-row:span 2 }
html body .svcx-stories [data-case-cascade] .svcx-story:nth-child(7n+4) { grid-column:span 2 }
.svcx-stories [data-case-cascade] .svcx-story__img img,
.svcx-stories [data-case-cascade] .svcx-story:hover .svcx-story__img img {
  transform:none;filter:none;
}
.svcx-stories [data-case-cascade] .svcx-story__body { padding:13px!important }
.svcx-stories [data-case-cascade] .svcx-story__meta { white-space:normal;overflow:visible;text-overflow:clip }
.svcx-stories [data-case-cascade] .svcx-story__more { display:inline-flex!important }
.svcx-stories [data-case-cascade] .svcx-h4 { font-size:clamp(1rem,1.2vw,1.25rem)!important }
.svcx-stories .svcx-cascade.is-ready:not(.is-static) [data-cascade-viewport] {
  height:min(var(--cascade-period),clamp(390px,43vw,550px));overflow:hidden;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent);
}
.svcx-stories .svcx-cascade.is-ready:not(.is-static) [data-cascade-track] {
  animation:service-case-cascade var(--cascade-duration,28s) linear infinite;
  animation-play-state:paused;will-change:transform;
}
.svcx-stories .svcx-cascade.is-playing [data-cascade-track] { animation-play-state:running!important }
@keyframes service-case-cascade { to { transform:translate3d(0,calc(-1 * var(--cascade-period)),0) } }
.svcx-stories .svcx-cascade__pause {
  display:block;margin:14px 0 0 auto;padding:9px 14px;min-height:42px;
  color:inherit;background:transparent;border:1px solid currentColor;font:inherit;
  font-size:.78rem;cursor:pointer;
}
.svcx-stories .svcx-cascade__pause[hidden] { display:none }
.svcx-stories [data-case-cascade] :focus-visible { outline:2px solid var(--svcx-teal);outline-offset:3px }
.svcx-stories .svcx-cascade.is-browsing [data-cascade-track] { animation:none!important;transform:none!important }
.svcx-stories .svcx-cascade.is-browsing [data-cascade-copy],
.svcx-stories .svcx-cascade.is-static [data-cascade-copy] { display:none }
.svcx-stories .svcx-cascade.is-browsing [data-cascade-viewport] { overflow-y:auto!important;-webkit-mask-image:none!important;mask-image:none!important;scrollbar-width:thin }
.svcx-stories [data-story-count="1"] { grid-template-columns:1fr }
html body .svcx-stories [data-story-count="1"] .svcx-story:nth-child(n) { grid-column:1;grid-row:span 2 }
@media(max-width:1080px) {
  .svcx-stories:has([data-case-cascade]) .svcx-stories__layout { grid-template-columns:1fr;gap:28px }
  .svcx-stories:has([data-case-cascade]) .svcx-stories__intro .svcx-h2 { max-width:24ch }
}
@media(max-width:600px) {
  .svcx-stories [data-case-cascade] { --cascade-gap:10px;--cascade-row:148px;max-width:360px }
  .svcx-stories [data-cascade-original],.svcx-stories [data-cascade-copy] { grid-template-columns:1fr }
  html body .svcx-stories [data-case-cascade] .svcx-story:nth-child(n) { grid-column:1;grid-row:span 2 }
  html body .svcx-stories [data-case-cascade] .svcx-story:nth-child(3n+2) { grid-row:span 1 }
}
@media(prefers-reduced-motion:reduce) {
  .svcx-stories [data-case-cascade] [data-cascade-track] { animation:none!important;transform:none!important }
  .svcx-stories [data-case-cascade] [data-cascade-viewport] { height:auto!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important }
  .svcx-stories [data-case-cascade] [data-cascade-copy] { display:none }
}