/* Banner lettering is live HTML, kept separate from the decorative artwork. */
.case-art.case-banner-live{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;background:#f5f2ff;min-height:430px}
.case-banner-scene{grid-column:2;grid-row:1;min-width:0;padding:12px 16px 12px 0}
.case-art.case-banner-live .case-banner-art{position:static;width:100%;height:auto;object-fit:contain;border:0;border-radius:10px;transform:none!important;transition:none!important}
.case-banner-scene:after{content:none}
.case-banner-copy{position:relative;grid-column:1;grid-row:1;min-width:0;width:100%;padding:34px 28px 38px}
.case-banner-kicker{font-size:18px;line-height:1.6;font-weight:700;color:var(--deep);margin:0 0 16px}
.case-banner-title{font-size:clamp(30px,2.65vw,38px);line-height:1.45;font-weight:780;letter-spacing:-.045em;color:var(--navy);margin:0 0 28px;overflow-wrap:anywhere}
.case-banner-title em{display:inline;color:var(--purple)}
.case-banner-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.case-banner-steps li{position:relative;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;gap:12px;min-width:0;padding:18px 8px;background:#ffffffed;border:1px solid #e1d7fa;border-radius:11px;box-shadow:0 4px 14px #5132b805;text-align:center}
.case-banner-steps li+li:before{content:'→';position:absolute;left:-15px;top:32px;color:var(--purple);font-size:21px;line-height:1}
.case-banner-steps .icon{width:30px;height:30px;color:var(--purple)}
.case-banner-steps span{font-size:18px;line-height:1.5;font-weight:600;letter-spacing:-.025em;color:var(--navy);overflow-wrap:anywhere}
@media(max-width:1050px){
 .case-banner-copy{width:100%;padding:28px 24px}
 .case-banner-title{font-size:32px}
 .case-banner-steps{gap:12px}
 .case-banner-steps span{font-size:17px}
}
@media(max-width:760px){
 .case-art.case-banner-live{min-height:0;display:flex;flex-direction:column}
 .case-banner-scene{width:100%;height:auto;padding:12px 12px 0;flex-shrink:0}
 .case-banner-copy{width:100%;padding:18px 24px 28px}
 .case-banner-kicker{font-size:18px;margin-bottom:12px}
 .case-banner-title{font-size:32px;margin-bottom:24px}
 .case-banner-steps span{font-size:18px}
 .case-banner-steps li{padding:16px 7px;gap:10px}
}
@media(max-width:359px){
 .case-banner-copy{padding:18px 18px 24px}
 .case-banner-title{font-size:29px}
 .case-banner-steps{grid-template-columns:1fr;gap:12px}
 .case-banner-steps li{flex-direction:row;justify-content:flex-start;gap:14px;text-align:left;padding:14px}
 .case-banner-steps li+li:before{display:none}
}