/* Keep text and controls independent from the photographic artwork. */
body.mc-native #creed-finale { position:relative; isolation:isolate; width:var(--mc-home-width,calc(100% - 32px)); max-width:var(--mc-container,1320px); min-height:430px; margin:88px auto 0; overflow:hidden; background:#111213; color:#fff; font-family:Montserrat,Arial,sans-serif; }
#creed-finale * { box-sizing:border-box; letter-spacing:0; }
#creed-finale::after,
body.mc-native.mc-home .creed-film--aventus::before,
body.mc-native.mc-home .creed-aventus-campaign::before,
body.mc-native.mc-home .creed-compare__visual::before,
body.mc-native.mc-home .creed-sillage::before { content:''; position:absolute; inset:14px; z-index:3; border:1px solid rgba(255,255,255,.3); pointer-events:none; }
body.mc-native.mc-home .creed-compare__motion-toggle,
body.mc-native.mc-home .creed-sillage__pause { right:22px; bottom:22px; z-index:4; }
#creed-finale .cr-finale__scene { position:absolute; inset:0; overflow:hidden; pointer-events:none; }
#creed-finale .cr-finale__objects { position:absolute; inset:0; transform-origin:62% 55%; animation:finale-breathe 14s ease-in-out infinite alternate; }
#creed-finale .cr-finale__objects img { display:block; width:100%; height:100%; max-width:none; object-fit:cover; object-position:center; }
#creed-finale .cr-finale__copy { position:relative; z-index:2; width:40%; padding:68px 0 54px 60px; }
body.mc-native #creed-finale .cr-finale__eyebrow { display:block; color:#c4c5c6!important; font:500 11px/1.5 Montserrat,Arial,sans-serif!important; text-transform:uppercase; }
body.mc-native #creed-finale #creed-cta-title { margin:20px 0 24px!important; font:600 48px/1.05 Montserrat,Arial,sans-serif!important; letter-spacing:0!important; color:#fff!important; -webkit-text-fill-color:#fff!important; text-transform:uppercase!important; }
body.mc-native #creed-finale .cr-finale__copy p { margin:0 0 30px!important; color:#ddd!important; -webkit-text-fill-color:#ddd!important; font:300 13px/1.6 Montserrat,Arial,sans-serif!important; }
body.mc-native #creed-finale .cr-finale__button { display:inline-flex; align-items:center; justify-content:space-between; gap:25px; min-height:50px; padding:0 22px; background:#fff; border:1px solid #fff; color:#111!important; -webkit-text-fill-color:currentColor!important; font:500 12px/1.4 Montserrat,Arial,sans-serif; text-transform:uppercase; text-decoration:none; transition:background .25s,color .25s; }
body.mc-native #creed-finale .cr-finale__button:hover { background:#181919; color:#fff!important; }
#creed-finale svg { width:18px; height:18px; flex-shrink:0; transition:transform .3s; }
#creed-finale .cr-finale__button:hover svg { transform:translate(3px,-3px); }
body.mc-native #creed-finale .cr-finale__pause { position:absolute; z-index:4; right:26px; bottom:24px; display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid #999; border-radius:50%; background:rgba(0,0,0,.4); color:#fff; cursor:pointer; }
#creed-finale .cr-finale__pause[hidden] { display:none; }
#creed-finale :is(a,button):focus-visible { outline:2px solid white; outline-offset:5px; }
#creed-finale[data-still] .cr-finale__scene * { animation-play-state:paused; }
@keyframes finale-breathe { from { transform:scale(1); } to { transform:scale(1.035); } }
@media(max-width:1200px) and (min-width:1101px) { #creed-finale .cr-finale__copy { padding-left:36px; width:41%; } body.mc-native #creed-finale #creed-cta-title { font-size:36px!important; } }
@media(max-width:1100px) {
 body.mc-native #creed-finale { width:calc(100% - 32px); min-height:640px; }
 #creed-finale .cr-finale__copy { width:100%; padding:38px 30px 0; }
 body.mc-native #creed-finale #creed-cta-title { font-size:32px!important; margin:18px 0!important; }
 body.mc-native #creed-finale .cr-finale__copy p { font-size:12px!important; margin-bottom:22px!important; }
 #creed-finale .cr-finale__scene { top:auto; height:320px; bottom:0; }
 #creed-finale .cr-finale__scene::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#111213,transparent 16%); }
 #creed-finale .cr-finale__objects img { object-position:65% center; }
}
@media(max-width:380px) {
 #creed-finale .cr-finale__copy { padding-left:24px; padding-right:24px; }
 body.mc-native #creed-finale #creed-cta-title { font-size:26px!important; }
 body.mc-native #creed-finale .cr-finale__button { gap:15px; padding:0 16px; font-size:11px; white-space:nowrap; }
}
@media(prefers-reduced-motion:reduce) { #creed-finale .cr-finale__scene * { animation:none!important; } #creed-finale .cr-finale__pause { display:none!important; } }
#creed-finale .cr-finale__fx { position:absolute; pointer-events:none; }
#creed-finale .cr-finale__smoke { position:absolute; background:url('../images/campaigns/aventus-smoke.webp') center/cover; mix-blend-mode:screen; mask-image:radial-gradient(ellipse,#000 15%,transparent 70%); animation:finale-smoke 8s ease-in-out infinite alternate; }
#creed-finale .cr-finale__smoke--left { left:28%; top:5%; width:25%; height:48%; }
#creed-finale .cr-finale__smoke--right { left:81%; top:0; width:18%; height:54%; animation-duration:9.5s; animation-delay:-4s; }
#creed-finale .cr-finale__shine { position:absolute; inset:0; mix-blend-mode:screen; mask-image:url('../images/campaigns/finale-studio-v2.webp'); mask-mode:luminance; mask-size:100% 100%; background:linear-gradient(112deg,transparent 42%,rgba(225,239,243,.12) 47%,rgba(255,255,255,.8) 50%,rgba(225,239,243,.12) 53%,transparent 58%); background-size:300% 100%; animation:finale-shine 9s ease-in-out infinite; opacity:0; }
#creed-finale .cr-finale__shine--bottle { clip-path:polygon(58% 11%,60% 10%,63.4% 12%,62.6% 29%,63% 34%,67.5% 41%,67.8% 83%,53% 83%,53.5% 41%,58% 34%,58.8% 29%); animation-duration:4.8s; }
#creed-finale .cr-finale__shine--bergamot { clip-path:polygon(44% 59%,46.5% 55%,47% 58%,48.5% 62%,50% 73%,49% 79%,46.5% 81%,43% 78%,42.5% 69%); animation-duration:4.2s; animation-delay:-1.4s; }
#creed-finale .cr-finale__shine--pineapple { clip-path:polygon(72% 44%,77% 44%,79% 53%,80% 67%,78% 77%,72% 78%,69% 71%,69% 55%); animation-duration:5.6s; animation-delay:-2.7s; }
#creed-finale .cr-finale__shine--currant { clip-path:polygon(75% 72%,78% 73%,80% 68%,82% 72%,85% 83%,80% 84%,77% 88%,72% 87%,72% 80%); animation-duration:5s; animation-delay:-3.5s; }
@keyframes finale-smoke { from { transform:translate(-7%,8%) scale(1); opacity:.24; } to { transform:translate(8%,-9%) scale(1.2); opacity:.42; } }
@keyframes finale-shine { 0% { background-position:100% 0; opacity:0; } 20%,80% { opacity:.5; } 100% { background-position:0 0; opacity:0; } }
@media(prefers-reduced-motion:reduce) { #creed-finale .cr-finale__fx { display:none; } }