/* Holland & Barrett gallery: retain the existing card/photo geometry. */
.activation-case-gallery{position:relative;display:grid;isolation:isolate;overflow:hidden;border-radius:18px 18px 0 0;background:#03111d}
.activation-cases .activation-case-gallery>.activation-case-photo{grid-area:1/1;display:block;border-radius:0;opacity:0;transition:opacity .65s ease;pointer-events:none}
.activation-cases .activation-case-gallery>.activation-case-photo.is-current{opacity:1}
.activation-case-gallery-controls{position:absolute;z-index:2;bottom:12px;left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.activation-case-gallery-dots{display:flex;align-items:center;gap:0;padding:1px 5px;border:1px solid #ffffff33;border-radius:30px;background:#03111d66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.activation-case-gallery-dots button{display:grid;place-items:center;width:28px;height:30px;background:none;border:0;padding:0;border-radius:50%;cursor:pointer}
.activation-case-gallery-dots button::before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#ffffff66;transition:background .2s,width .2s}
.activation-case-gallery-dots button[aria-pressed=true]::before{width:18px;border-radius:5px;background:#fff}
.activation-case-gallery-toggle{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid #ffffff33;border-radius:50%;color:#fff;background:#03111d66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.activation-case-gallery-toggle svg{width:15px;height:15px}
.activation-case-gallery-toggle .gallery-play{display:none}
.activation-case-gallery-toggle[aria-pressed=true] .gallery-play{display:block}
.activation-case-gallery-toggle[aria-pressed=true] .gallery-pause{display:none}
@media(prefers-reduced-motion:reduce){.activation-cases .activation-case-gallery>.activation-case-photo,.activation-case-gallery-dots button::before{transition:none}}
/* A restrained wipe travels across the brands in succession. */
.activation-cases .activation-case-gallery>.activation-case-photo{transition:none}
.activation-cases .activation-case-gallery>.activation-case-photo.is-current{z-index:2}
.activation-cases .activation-case-gallery>.activation-case-photo.is-previous{opacity:1;z-index:1}
.activation-cases .activation-case-gallery>.activation-case-photo.is-revealing{animation:brand-image-wipe .7s cubic-bezier(.22,1,.36,1) both}
@keyframes brand-image-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
/* The existing white card bodies float over the closing wave. */
.activation-cases .activation-cases-inner{position:relative;z-index:1}
.activation-cases .activation-case{box-shadow:0 16px 36px #03111d24,0 4px 12px #03111d12}
.activation-case-exit-wave{position:absolute;left:0;right:0;top:var(--case-exit-wave-top,65%);bottom:-1px;pointer-events:none;z-index:0;line-height:0}
.activation-case-exit-wave>svg{display:block;width:100%;height:100%}
@media(prefers-reduced-motion:reduce){.activation-cases .activation-case-gallery>.activation-case-photo.is-revealing{animation:none}}
/* Gentle fades replace the wipe; the shared scheduler supplies the stagger. */
.activation-cases .activation-case-gallery>.activation-case-photo.is-revealing{animation:brand-image-fade .8s ease-in-out both}
@keyframes brand-image-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.activation-cases .activation-case-gallery>.activation-case-photo.is-revealing{animation:none}}
