/* ===== AURUM intro: сцена 1 — шторы, сцена 2 — название + «Добро пожаловать» ===== */
.intro{position:fixed;inset:0;z-index:9999;background:#05010a;overflow:hidden;transition:opacity 1.2s ease,visibility 1.2s}
.intro.is-done{opacity:0;visibility:hidden;pointer-events:none}
/* рамка почти на весь экран */
.intro-scene{position:absolute;inset:clamp(8px,2vmin,22px);overflow:hidden;border:2px solid #b87e1b;outline:1px solid rgba(241,195,102,.45);outline-offset:5px;
  box-shadow:0 0 90px rgba(225,29,72,.28),inset 0 0 120px rgba(0,0,0,.65);
  background:radial-gradient(ellipse at 50% 45%,rgba(255,236,190,.22),transparent 60%),linear-gradient(180deg,#2a0a14,#12060b)}
/* прожектор */
.intro-scene:before{content:"";position:absolute;left:50%;top:-5%;width:70%;height:110%;transform:translateX(-50%);
  background:conic-gradient(from 165deg at 50% 0,transparent 0 8%,rgba(255,240,200,.15) 14% 26%,transparent 32% 68%,rgba(255,240,200,.15) 74% 86%,transparent 92%);
  filter:blur(8px);opacity:0}
/* сцена 2 */
.intro-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 5%}
.intro-brand{display:flex;gap:.04em;font:700 clamp(54px,13vw,210px)/1 "Cormorant Garamond",serif;letter-spacing:.14em;padding-left:.14em}
.intro-brand i{font-style:normal;display:inline-block;background:linear-gradient(180deg,#fff5d4,#f1c366 55%,#b87e1b);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em;opacity:0;transform:translateY(40px) scale(.94);filter:blur(10px)}
.intro-sub{margin-top:clamp(10px,2vmin,22px);font:600 clamp(11px,1.5vw,22px)/1 Manrope,sans-serif;letter-spacing:.6em;padding-left:.6em;color:#ecdcb2;opacity:0}
.intro-line{width:0;height:1px;margin:clamp(22px,4vmin,46px) 0;background:linear-gradient(90deg,transparent,#f1c366,transparent)}
.intro-welcome{font:500 italic clamp(28px,5vw,78px)/1.1 "Cormorant Garamond",serif;color:#fff5d4;letter-spacing:.06em;opacity:0;transform:translateY(22px);filter:blur(8px);text-shadow:0 0 30px rgba(241,195,102,.35)}
/* шторы */
.curtain{position:absolute;top:0;bottom:0;width:50.3%;z-index:5;will-change:transform;
  background:
   linear-gradient(90deg,rgba(0,0,0,.35),transparent 12%,transparent 88%,rgba(0,0,0,.35)),
   repeating-linear-gradient(90deg,#6e0c1b 0 1.4%,#b3122d 1.4% 3%,#8e0f25 3% 4%,#4f0914 4% 5.2%,#9a1028 5.2% 6.6%);
  box-shadow:inset 0 0 60px rgba(0,0,0,.6)}
.curtain:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.6),transparent 18%,transparent 78%,rgba(0,0,0,.5))}
.curtain.l{left:0;border-right:2px solid #f1c366}
.curtain.r{right:0;border-left:2px solid #f1c366}
/* ламбрекен с бахромой */
.curtain-top{position:absolute;left:0;right:0;top:0;height:9%;z-index:6;background:linear-gradient(180deg,#2e040c,#7a0f1f 70%,#5a0a17);border-bottom:3px solid #f1c366;box-shadow:0 10px 26px rgba(0,0,0,.7)}
.curtain-top:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:10px;background:repeating-linear-gradient(90deg,#f1c366 0 3px,transparent 3px 9px);opacity:.8}
.intro-skip{position:absolute;right:clamp(18px,3vmin,34px);bottom:clamp(18px,3vmin,34px);z-index:10;background:rgba(5,1,10,.4);border:1px solid rgba(241,195,102,.5);color:#ecdcb2;font:600 10px Manrope,sans-serif;letter-spacing:.3em;text-transform:uppercase;padding:9px 14px;cursor:pointer}
.intro-skip:hover{background:rgba(241,195,102,.15)}
body.intro-lock{overflow:hidden}
/* шторы раздвигают «рывками, как руками»: короткий рывок — пауза — рывок; ткань собирается в складки у краёв */
@keyframes openL{from{transform:translateX(0)}to{transform:translateX(-102%)}}
@keyframes openR{from{transform:translateX(0)}to{transform:translateX(102%)}}
@keyframes letter{to{opacity:1;transform:none;filter:blur(0)}}
@keyframes fade{to{opacity:1}}
@keyframes line{to{width:min(420px,60%)}}
@keyframes welcome{to{opacity:1;transform:none;filter:blur(0)}}

/* Анимация стартует только когда JS добавил .is-play (после полной загрузки страницы) */
.intro.is-play .intro-scene:before{animation:fade 2.5s 5.6s ease forwards}
.intro.is-play .intro-brand i{animation:letter 1.2s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(5.8s + var(--n)*.18s)}
.intro.is-play .intro-sub{animation:fade 1.4s 7s ease forwards}
.intro.is-play .intro-line{animation:line 1.6s 7.2s ease forwards}
.intro.is-play .intro-welcome{animation:welcome 1.8s 8s cubic-bezier(.2,.7,.2,1) forwards}
.intro.is-play .curtain.l{animation:openL 5s .6s cubic-bezier(.45,.02,.2,1) forwards}
.intro.is-play .curtain.r{animation:openR 5s .6s cubic-bezier(.45,.02,.2,1) forwards}
/* страховка: если JS не сработал, оверлей сам исчезнет и не заблокирует сайт */
.intro{animation:introKill .8s 25s forwards}
@keyframes introKill{to{opacity:0;visibility:hidden;pointer-events:none}}