/* فيديو البداية (intro.js) — داكن دائماً لأنه فوق فيديو */
.vi{position:relative;height:100dvh;width:100%;overflow:hidden;background:#120f14;color:#f6f2f5;touch-action:none}
.vi[data-static="1"]{touch-action:auto}
.vi[hidden]{display:none}
.vi-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform-origin:center;
  will-change:transform;transition:opacity .6s ease;pointer-events:none}
.vi-shade{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(18,15,20,.4),rgba(18,15,20,0) 30%,rgba(18,15,20,.15) 70%,rgba(18,15,20,.6))}
.vi-title,.vi-tagline{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}
.vi-title{padding:0 6%}
.vi-title span{font:700 clamp(44px,9vw,128px)/1 'IBM Plex Sans Arabic','Readex Pro',sans-serif;text-shadow:0 4px 30px rgba(0,0,0,.5);
  display:inline-block;will-change:transform,filter,opacity}
.vi-tagline{padding:0 8%;opacity:0}
.vi-tagline span{font:700 clamp(24px,3.8vw,46px)/1.3 'IBM Plex Sans Arabic','Readex Pro',sans-serif;text-shadow:0 4px 24px rgba(0,0,0,.5)}
html[lang="en"] .vi-title span,html[lang="en"] .vi-tagline span{font-family:'Readex Pro',sans-serif;font-weight:600;letter-spacing:-.02em}
.vi-hint{position:absolute;left:50%;bottom:clamp(24px,6vh,52px);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;
  gap:8px;font-size:13px;color:rgba(246,242,245,.75);transition:opacity .4s ease;pointer-events:none}
.vi-hint svg{animation:vi-bounce 1.6s ease-in-out infinite}
@keyframes vi-bounce{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(5px);opacity:1}}
.vi-skip{position:absolute;z-index:2;top:max(16px,env(safe-area-inset-top));inset-inline-end:20px;font:inherit;font-size:13px;color:rgba(246,242,245,.8);
  background:rgba(18,15,20,.35);border:1px solid rgba(246,242,245,.25);border-radius:999px;padding:6px 16px;cursor:pointer;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.vi-skip:hover{color:#f6f2f5}
.vi:not([data-locked="1"]) .vi-skip{display:none}
.vi-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.12)}
.vi-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--water),var(--kcal));transform:scaleX(0);transform-origin:left center}
html[dir="rtl"] .vi-bar i{transform-origin:right center;background:linear-gradient(270deg,var(--water),var(--kcal))}
/* بدون قفل (تقليل الحركة أو رابط فيه #): العنوان والجملة ظاهرين */
.vi[data-static="1"] .vi-title{align-items:flex-start;padding-top:28vh}
.vi[data-static="1"] .vi-tagline{opacity:1;align-items:flex-end;padding-bottom:18vh}
.vi[data-static="1"] .vi-hint,.vi[data-static="1"] .vi-bar{display:none}
@media (prefers-reduced-motion:reduce){.vi-hint svg{animation:none}.vi-video{transition:none}}