.messi-case-study{--messi-pink:#ef4f9a}
.messi-case-study .project-intro{background:var(--messi-pink)}
.messi-case-study .project-intro.is-preloader{background:var(--paper);color:var(--orange)}
.messi-case-study .project-heading>span,.messi-case-study .project-back b,.messi-case-study .case-progress>strong{color:var(--messi-pink)}
.messi-case-study .case-progress i span{background:var(--messi-pink)}
.messi-case-study .case-next::before{color:#ef4f9a10}
.messi-case-study .case-next:hover>strong{color:var(--messi-pink)}
.messi-case-study .case-next>b{background:var(--messi-pink)}
.case-video-panel{background:#111}
.case-motion-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;opacity:.24;filter:blur(12px);transform:scale(1.045);transition:opacity 1s cubic-bezier(.16,.9,.3,1),filter 1.15s cubic-bezier(.16,.9,.3,1),transform 1.4s cubic-bezier(.16,.9,.3,1)}
.case-video-panel.is-visible .case-motion-video{opacity:1;filter:blur(0);transform:scale(1)}
.case-sound{position:absolute;z-index:4;right:2.1vw;bottom:2vw;height:32px;padding:0 13px;border:1px solid #fff7;border-radius:999px;background:#171313b8;color:#fff;font-size:9px;font-weight:700;letter-spacing:.1em;cursor:pointer;overflow:hidden;backdrop-filter:blur(12px)}
.case-sound span{display:block;transition:transform .45s cubic-bezier(.16,.9,.3,1)}
.case-sound span+span{position:absolute;left:0;right:0;top:100%;text-align:center;color:var(--messi-pink)}
.case-sound[aria-pressed="true"] span{transform:translateY(-100%)}
@media(max-width:520px){.case-sound{right:12px;bottom:12px;height:28px;padding:0 10px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.case-motion-video{opacity:1;filter:none;transform:none;transition:none}}