.creed-aventus-campaign__copy { position: relative; z-index: 2; }
.creed-campaign-fx { position: absolute; pointer-events: none; z-index: 1; overflow: hidden; mix-blend-mode: screen; }
.creed-campaign-fx > span { position: absolute; display: block; animation-play-state: paused !important; }
.is-motion-running .creed-campaign-fx > span { animation-play-state: running !important; }
.campaign-smoke { background: url('../images/campaigns/aventus-smoke.webp') center / cover no-repeat; mask-image: radial-gradient(ellipse, #000 24%, transparent 73%); opacity: .22; animation: creed-smoke-drift 11s ease-in-out infinite alternate; }
.campaign-smoke--one { left: 35%; top: 17%; width: 19%; height: 58%; }
.campaign-smoke--two { left: 54%; top: -1%; width: 35%; height: 18%; animation-duration: 14s; animation-delay: -6s; }
.campaign-smoke--three { left: 13%; top: 64%; width: 31%; height: 24%; animation-duration: 12s; animation-delay: -4s; }
.campaign-ceramic-light { left: 88.2%; top: 39%; width: 7.6%; height: 35%; clip-path: polygon(38% 0, 50% 15%, 77% 2%, 67% 22%, 93% 13%, 78% 35%, 89% 52%, 99% 77%, 85% 98%, 16% 98%, 2% 75%, 13% 52%, 32% 36%, 14% 16%, 39% 29%); background: linear-gradient(115deg, transparent 35%, #fff9 48%, #fff3 53%, transparent 66%) 180% 0 / 320% 100% no-repeat; animation: creed-ceramic-sweep 6.8s ease-in-out infinite; }
.campaign-cap-light { left: 66.5%; top: 17.3%; width: 6.25%; height: 15.8%; clip-path: polygon(2% 13%, 17% 4%, 48% 0, 79% 4%, 98% 13%, 87% 97%, 17% 97%); background: linear-gradient(110deg, transparent 35%, #fff9 48%, #fff2 55%, transparent 67%) 180% 0 / 320% 100% no-repeat; animation: creed-ceramic-sweep 8.6s ease-in-out -4.2s infinite; }
.campaign-rock-light { width: 2.8%; height: .22%; background: linear-gradient(90deg, transparent, #eef4f5b3, transparent); transform: rotate(-12deg); opacity: 0; animation: creed-rock-glint 13s ease-in-out infinite; }
.campaign-rock-light--one { left: 44%; top: 77%; }
.campaign-rock-light--two { left: 70%; top: 87%; width: 1.8%; animation-delay: -5s; animation-duration: 17s; }
.campaign-rock-light--three { left: 92%; top: 82%; width: 2.1%; animation-delay: -9s; animation-duration: 19s; }
.is-mobile-art .campaign-smoke--one { left: 0; top: 42%; width: 22%; height: 39%; }
.is-mobile-art .campaign-smoke--two { left: 24%; top: 33%; width: 64%; height: 17%; }
.is-mobile-art .campaign-smoke--three { left: 2%; top: 84%; width: 80%; height: 12%; }
.is-mobile-art .campaign-ceramic-light { left: 83%; top: 61%; width: 14%; height: 21%; }
.is-mobile-art .campaign-cap-light { left: 44.1%; top: 49.8%; width: 10.7%; height: 9.4%; }
.is-mobile-art .campaign-rock-light--one { left: 8%; top: 85%; width: 5%; }
.is-mobile-art .campaign-rock-light--two { left: 46%; top: 92%; width: 4%; }
.is-mobile-art .campaign-rock-light--three { left: 85%; top: 89%; width: 4%; }
body.mc-native .creed-campaign-motion-toggle { position: absolute; z-index: 3; right: 16px; bottom: 16px; width: 36px; height: 36px; min-height: 0; padding: 0; border: 1px solid #ffffff70; border-radius: 50%; background: #08080880; color: #fff; display: grid; place-items: center; cursor: pointer; }
body.mc-native .creed-campaign-motion-toggle[hidden] { display: none; }
.creed-campaign-motion-toggle svg { stroke: #fff; fill: none; }
.creed-campaign-motion-toggle:hover { border-color: #fff; }
.creed-campaign-motion-toggle:focus-visible { outline: 2px solid white; outline-offset: 4px; }
@keyframes creed-smoke-drift { from { transform: translate(-9%, 7%) scale(1); opacity: .22; } to { transform: translate(12%, -12%) scale(1.18); opacity: .4; } }
@keyframes creed-ceramic-sweep { 0%, 15% { background-position: 180% 0; opacity: 0; } 26% { opacity: .36; } 73% { opacity: .36; } 90%, 100% { background-position: -80% 0; opacity: 0; } }
@keyframes creed-rock-glint { 0%, 58%, 82%, 100% { opacity: 0; } 69% { opacity: .45; } }
@media (prefers-reduced-motion: reduce) { .creed-campaign-fx { display: none; } }