/* V18 — micro-animation d'accueil, courte et légère */
.opening{
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 45%,rgba(221,190,123,.16),transparent 28%),
    linear-gradient(145deg,#12110e 0%,#1d1913 55%,#12110e 100%);
}
.opening::before,.opening::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.opening::before{
  width:min(560px,88vw);
  aspect-ratio:1;
  left:50%;top:48%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(226,199,139,.2);
  box-shadow:0 0 90px rgba(226,199,139,.12),inset 0 0 90px rgba(226,199,139,.06);
  animation:v18Halo 1.75s ease-out both;
}
.opening::after{
  width:7px;height:7px;
  left:50%;top:20%;
  background:#ead7a8;
  box-shadow:-105px 92px 0 -2px rgba(234,215,168,.7),98px 62px 0 -2px rgba(234,215,168,.65),-68px -18px 0 -2px rgba(234,215,168,.55),72px -36px 0 -2px rgba(234,215,168,.5);
  animation:v18Spark 1.6s ease-out both;
}
.opening-inner{position:relative;z-index:1;display:grid;justify-items:center;padding:24px}
.opening .opening-logo{width:min(190px,48vw);animation:v18Logo .95s cubic-bezier(.2,.72,.25,1) both}
.opening-kicker{margin:12px 0 0!important;font-family:var(--sans)!important;font-size:11px!important;letter-spacing:.34em!important;text-transform:uppercase;color:#d9bd7d;animation:v18Text .65s .42s ease both}
.opening-message{margin:8px 0 0!important;font-size:clamp(25px,4vw,38px)!important;letter-spacing:.015em!important;color:#fff;animation:v18Text .72s .68s ease both}
.opening-line{width:0;height:1px;margin-top:16px;background:linear-gradient(90deg,transparent,#e5c98e,transparent);animation:v18Line .75s .82s ease forwards}
@keyframes v18Logo{0%{opacity:0;transform:scale(.78);filter:blur(8px) drop-shadow(0 0 0 transparent)}70%{opacity:1;filter:blur(0) drop-shadow(0 0 34px rgba(228,199,135,.28))}100%{opacity:1;transform:scale(1);filter:blur(0) drop-shadow(0 14px 38px rgba(0,0,0,.25))}}
@keyframes v18Text{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes v18Line{to{width:min(250px,60vw)}}
@keyframes v18Halo{0%{opacity:0;transform:translate(-50%,-50%) scale(.68)}60%{opacity:1}100%{opacity:.45;transform:translate(-50%,-50%) scale(1.08)}}
@keyframes v18Spark{0%{opacity:0;transform:translate(-50%,18px) scale(.4)}45%{opacity:.85}100%{opacity:0;transform:translate(-50%,-25px) scale(1.4)}}
@media(max-width:650px){.opening .opening-logo{width:min(165px,48vw)}.opening-message{font-size:29px!important}}
@media(prefers-reduced-motion:reduce){.opening{display:none!important}}