/* V57: portfolio-only fixes. Do not alter either original V32 slider's geometry or engine. */
body.v56-portfolio-page #v32-portfolio-method{
  background:linear-gradient(168deg,#f0f6ff 0%,#e7f1ff 58%,#f6faff 100%);
  padding:79px 0 88px;
  overflow:hidden;
}
body.v56-portfolio-page #v32-portfolio-method .v32-motion-heading h2{
  font-size:clamp(32px,3.35vw,48px);line-height:1.1;letter-spacing:-.052em;
}
body.v56-portfolio-page #v32-portfolio-method .v32-motion-heading p{
  max-width:610px;color:#5e769a;font-size:14px;line-height:1.7;
}
body.v56-portfolio-page #v32-portfolio-method .v32-stage{height:475px}
body.v56-portfolio-page #v32-portfolio-method .v32-card{
  border:1px solid #c7dcfa;background:#fff;border-radius:23px;
  box-shadow:0 25px 65px rgba(16,68,146,.13);
}
body.v56-portfolio-page #v32-portfolio-method .v32-card.is-active{
  border-color:#91c0ff;box-shadow:0 27px 74px rgba(16,68,146,.20);
}
body.v56-portfolio-page #v32-portfolio-method .v32-card-image{flex:1 1 61%;background:#0b274c}
body.v56-portfolio-page #v32-portfolio-method .v32-card-image img{object-position:center center;object-fit:cover}
body.v56-portfolio-page #v32-portfolio-method .v32-card-copy{padding:19px 23px 21px;background:#fff}
body.v56-portfolio-page #v32-portfolio-method .v32-card-copy h3{color:#102b55;font-size:22px;letter-spacing:-.04em}
body.v56-portfolio-page #v32-portfolio-method .v32-card-copy p{color:#577295;font-size:12px;line-height:1.65}
body.v56-portfolio-page #v32-portfolio-method .v32-button-group button{
  background:#fff;border-color:#bfd8fb;color:#176bf3;
}
body.v56-portfolio-page #v32-portfolio-method .v32-button-group button:hover{background:#176bf3;color:#fff}
/* Eliminate the blue empty slab caused by equal-height grid stretching. */
body.v56-portfolio-page .v56-theater-layout{align-items:start}
body.v56-portfolio-page .v56-theater-screen{height:auto;align-self:start;background:#fff}
body.v56-portfolio-page .v56-screen-media{aspect-ratio:1.72;background:#e6effc}
body.v56-portfolio-page .v56-theater-caption{
  background:linear-gradient(111deg,#082e68,#0c428d);color:#fff;
  border-radius:0 0 20px 20px;
}
body.v56-portfolio-page .v56-theater-caption h3{color:#fff!important}
body.v56-portfolio-page .v56-theater-caption p{color:#e1eeff!important}
body.v56-portfolio-page .v56-theater-caption>div>span{color:#a4ceff!important}
body.v56-portfolio-page .v56-theater-caption a.v30-btn{background:#1f75ff;color:#fff!important;border-color:#1f75ff}
body.v56-portfolio-page .v56-theater-caption a.v30-btn:hover{background:#fff;color:#155ed2!important}
/* Final CTA: fix inherited ink colors visible as dark blue on blue. */
body.v56-portfolio-page .v30-bottom-cta{padding:34px 0 70px;background:#fff}
body.v56-portfolio-page .v30-bottom-cta .v30-cta-inner{
  border-radius:27px;padding:44px clamp(28px,4vw,56px);
  background:linear-gradient(112deg,#082e72 0%,#115ac7 57%,#166ef5 100%);
  box-shadow:0 22px 50px rgba(11,57,134,.18);
}
body.v56-portfolio-page .v30-bottom-cta .v30-cta-inner .v30-label,
body.v56-portfolio-page .v30-bottom-cta .v30-cta-inner .v30-label-light{color:#badcff!important}
body.v56-portfolio-page .v30-bottom-cta .v30-cta-inner h2{
  color:#fff!important;font-size:clamp(27px,2.8vw,38px);line-height:1.16;
}
body.v56-portfolio-page .v30-bottom-cta .v30-cta-inner h2 em{color:#a9d1ff!important}
body.v56-portfolio-page .v30-bottom-cta .v30-cta-inner p{
  color:#e1eeff!important;font-size:13px;line-height:1.7;max-width:560px;
}
body.v56-portfolio-page .v30-bottom-cta .v30-cta-inner a.v30-btn{
  background:#fff!important;color:#155cc4!important;border:1px solid #fff!important;
  box-shadow:0 12px 25px rgba(5,29,80,.18);
}
body.v56-portfolio-page .v30-bottom-cta .v30-cta-inner a.v30-btn:hover{background:#eaf3ff!important}
/* Preserve readable dark mode without touching the global theme. */
html[data-theme="dark"] body.v56-portfolio-page #v32-portfolio-method{
  background:linear-gradient(155deg,#0d2340,#142e51 57%,#0a1c34);
}
html[data-theme="dark"] body.v56-portfolio-page #v32-portfolio-method .v32-motion-heading p{color:#bed1ee}
html[data-theme="dark"] body.v56-portfolio-page #v32-portfolio-method .v32-card,
html[data-theme="dark"] body.v56-portfolio-page #v32-portfolio-method .v32-card-copy{
  background:#152f50;border-color:#355a86;
}
html[data-theme="dark"] body.v56-portfolio-page #v32-portfolio-method .v32-card-copy h3{color:#f2f7ff}
html[data-theme="dark"] body.v56-portfolio-page #v32-portfolio-method .v32-card-copy p{color:#bed2ef}
html[data-theme="dark"] body.v56-portfolio-page .v56-theater-screen{background:#0b2341}
html[data-theme="dark"] body.v56-portfolio-page .v30-bottom-cta{background:#0a1b33}
@media(max-width:800px){
 body.v56-portfolio-page #v32-portfolio-method{padding:64px 0 67px}
 body.v56-portfolio-page #v32-portfolio-method .v32-stage{height:400px}
 body.v56-portfolio-page #v32-portfolio-method .v32-card{max-width:none}
 body.v56-portfolio-page .v56-screen-media{aspect-ratio:1.7}
}
@media(max-width:600px){
 body.v56-portfolio-page #v32-portfolio-method .v32-stage{height:365px}
 body.v56-portfolio-page #v32-portfolio-method .v32-card{width:80%;height:91%}
 body.v56-portfolio-page #v32-portfolio-method .v32-card-copy{padding:13px 15px 15px}
 body.v56-portfolio-page #v32-portfolio-method .v32-card-copy h3{font-size:18px}
 body.v56-portfolio-page #v32-portfolio-method .v32-card-copy p{font-size:10px}
 body.v56-portfolio-page .v30-bottom-cta{padding:25px 0 43px}
 body.v56-portfolio-page .v30-bottom-cta .v30-cta-inner{padding:29px 23px}
 body.v56-portfolio-page .v30-bottom-cta .v30-cta-inner h2{font-size:28px}
 body.v56-portfolio-page .v56-theater-caption{padding:20px}
}

/* Keep important headlines readable even before scroll observers run. */
body.v56-portfolio-page #v32-portfolio-method .v32-motion-heading,
body.v56-portfolio-page #v32-portfolio-method .v32-motion-heading .v30-label,
body.v56-portfolio-page #v32-portfolio-method .v32-motion-style,
body.v56-portfolio-page .v30-bottom-cta .v30-cta-inner h2{
  opacity:1!important;visibility:visible!important;filter:none!important;
  animation:none!important;transform:none!important;
}
body.v56-portfolio-page #v32-portfolio-method .v32-motion-heading h2{color:#102c52!important}
html[data-theme="dark"] body.v56-portfolio-page #v32-portfolio-method .v32-motion-heading h2{color:#f2f7ff!important}