/* A short business story, led by the working illustration. */
.case-card{scroll-margin-top:140px}
.case-motion{display:none;width:100%;height:100%;font-family:Manrope,Arial,sans-serif}
.case-card[open] .case-art>img{display:none}
.case-card[open] .case-motion{display:block;animation:solution-open 550ms cubic-bezier(.16,1,.3,1) both}
.case-card[open] .case-story{padding-top:24px}
.case-card[open] .case-facts{gap:0 32px}
.case-card[open] .case-fact{display:block;padding-block:20px}
.case-card[open] .case-fact dt{font-size:17px;margin-bottom:8px}
.case-card[open] .case-fact dd{font-size:16px;line-height:1.6}
.case-card[open] .case-fact dd p{max-width:46ch}
.case-fact--impact dt{color:var(--blue)}
.case-evidence{margin-top:4px;padding-top:16px;font-size:13px}
.case-card[open] .motion-tag{animation:solution-tag 7s ease-in-out infinite}
.case-card[open] .motion-connection{stroke:var(--blue);stroke-dasharray:7 17;animation:solution-flow 5s linear infinite;opacity:.6}
.case-card[open] .motion-stage{animation:solution-stage 6s ease-in-out infinite}
.case-card[open] .motion-decision{animation:solution-decision 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.case-card[open] .motion-phase-1{animation-delay:-.8s}
.case-card[open] .motion-phase-2{animation-delay:-1.6s}
.case-card[open] .motion-phase-3{animation-delay:-2.4s}
.case-card[open] .motion-phase-4{animation-delay:-3.2s}
.case-card[open] .motion-phase-5{animation-delay:-4s}
.case-card[open] .motion-phase-6{animation-delay:-4.8s}
.case-card[data-playing=false] .case-motion,.case-card[data-playing=false] .case-motion *{animation-play-state:paused!important}
@keyframes solution-open{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes solution-tag{0%,100%{opacity:.25}25%,65%{opacity:1}}
@keyframes solution-flow{to{stroke-dashoffset:-120}}
@keyframes solution-stage{0%,55%,100%{stroke:#d5dad5;fill:#fff;stroke-width:1}15%,35%{stroke:#1f4e8c;fill:#edf2f7;stroke-width:2.5}}
@keyframes solution-decision{0%,65%,100%{transform:scale(1);opacity:.55}20%,40%{transform:scale(1.45);opacity:1}}
@media(min-width:700px){.case-card{scroll-margin-top:160px}.case-card[open] .case-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.case-card[open] .case-fact{padding-block:22px}}
@media(prefers-reduced-motion:reduce){.case-motion,.case-motion *{animation:none!important;transform:none!important}.case-card[open] .motion-connection{stroke-dasharray:none;opacity:1}}
html[data-motion=off] .case-motion,html[data-motion=off] .case-motion *{animation:none!important;transform:none!important}
html[data-motion=off] .case-card[open] .motion-connection{stroke-dasharray:none;opacity:1}