/* Nappes translucides, sans photographie ni contour de nuage. */
html.intro-boot{background:#858d7d}html.intro-boot body:before{inset:0;background:radial-gradient(ellipse at 22% 35%,#aeb7aa99,transparent 62%),radial-gradient(ellipse at 78% 65%,#d8ddd288,transparent 60%),#858d7d;animation:none}
.approved-intro .intro-veil,.approved-intro.clouds-parting .intro-veil{background:radial-gradient(ellipse at 50% 45%,#a0a795 0%,#858d7d 65%,#737e6d 100%)}
.approved-intro .intro-veil:before,.approved-intro .intro-veil:after{display:none}
.approved-intro .brand-cinema.approved-brand svg.approved-eye{filter:none}
.approved-intro.brand-intro-active .brand-cinema.approved-brand{filter:brightness(1.4) saturate(1.12) drop-shadow(0 1px 1px rgba(28,37,26,.8)) drop-shadow(0 3px 8px rgba(28,37,26,.25));transition:filter 1.7s ease}
.approved-intro.brand-intro-active.approved-fog-clear .brand-cinema.approved-brand{filter:none}
.cloud-curtain{background:transparent}
.mist-wave{position:absolute;left:-25%;width:150%;height:75%;top:var(--top);background:url('/fog.svg') center/100% 100% no-repeat,radial-gradient(ellipse at 42% 48%,rgba(249,249,239,.78) 4%,rgba(231,237,224,.5) 27%,transparent 64%);filter:blur(9px);opacity:1;will-change:transform,opacity;transform:translateX(0) rotate(var(--angle))}
.mist-wave:nth-child(1){--top:-18%;--angle:-5deg;--drift:-38%;--rise:-7%;--delay:0s}
.mist-wave:nth-child(2){--top:2%;--angle:6deg;--drift:42%;--rise:5%;--delay:.12s}
.mist-wave:nth-child(3){--top:22%;--angle:-3deg;--drift:-46%;--rise:4%;--delay:.24s}
.mist-wave:nth-child(4){--top:45%;--angle:5deg;--drift:39%;--rise:-5%;--delay:.05s}
.mist-wave:nth-child(5){--top:4%;--angle:-9deg;--drift:-32%;--rise:-9%;--delay:.35s;opacity:.65}
.mist-wave:nth-child(6){--top:34%;--angle:8deg;--drift:34%;--rise:8%;--delay:.2s;opacity:.65}
.clouds-parting .mist-wave{animation:mist-open 3s cubic-bezier(.32,0,.35,1) var(--delay) both}
.approved-intro.clouds-parting .brand-cinema svg.approved-eye{animation:logo-through-mist 2.6s ease-out both;transform-origin:center}
@keyframes logo-through-mist{from{transform:scale(.91);opacity:.6;filter:blur(1px)}70%{filter:blur(0);opacity:1}to{transform:scale(1);opacity:1;filter:none}}
@keyframes mist-open{0%{transform:translate(0,0) rotate(var(--angle));opacity:.62}22%{opacity:.55}68%{opacity:.25}100%{transform:translate(var(--drift),var(--rise)) rotate(var(--angle));opacity:0}}
@media(max-width:720px){.mist-wave{width:200%;left:-50%;filter:blur(10px)}}
@media(prefers-reduced-motion:reduce){.cloud-curtain{display:none}}
