/* پری‌لودر: بک‌گراند #D9D9D9، متن مشکی خالص، فونت NeueMontreal، خروج با فید */
:root{--deev-pl-bg:#D9D9D9;--deev-pl-ink:#000;--deev-pl-ease:cubic-bezier(.77,0,.18,1)}

html.deev-loading{overflow:hidden}
.deev-preloader{
  display:none;position:fixed;inset:0;z-index:999999;
  background:var(--deev-pl-bg);color:var(--deev-pl-ink);
  font-family:NeueMontreal,"Neue Montreal",Arial,Helvetica,sans-serif;
  opacity:1;transition:opacity .6s ease;
}
.deev-loading .deev-preloader{display:block}

.deev-pl-center{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:flex;flex-direction:column;align-items:center;gap:26px;
  transition:transform .6s ease;
}

/* آیکون: از پایین به بالا آشکار می‌شود، بعد آرام نفس می‌کشد */
.deev-pl-logo{
  display:block;width:clamp(44px,7vw,64px);height:auto;
  animation:
    deevPlReveal 1s var(--deev-pl-ease) both,
    deevPlBreathe 2.4s ease-in-out 1s infinite;
}

/* متن: دو خط، با فاصله‌ی زمانی بالا می‌آیند */
.deev-pl-text{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--deev-pl-ink)}
.deev-pl-text span{display:block;animation:deevPlUp .8s var(--deev-pl-ease) both}
.deev-pl-sm{font-size:clamp(14px,2vw,20px);font-weight:300;letter-spacing:.32em;text-indent:.32em;line-height:1.2;animation-delay:.35s!important}
.deev-pl-lg{font-size:clamp(34px,5.5vw,56px);font-weight:700;letter-spacing:.14em;text-indent:.14em;line-height:1.1;animation-delay:.5s!important}

.deev-pl-bar{width:min(180px,50vw);height:2px;background:rgba(0,0,0,.14);overflow:hidden;animation:deevPlUp .8s var(--deev-pl-ease) .65s both}
.deev-pl-bar i{display:block;height:100%;width:0;background:var(--deev-pl-ink);transition:width 1.2s ease}

/* پایان: کل پری‌لودر فید می‌شود */
.deev-preloader.is-done{opacity:0;pointer-events:none}
.deev-preloader.is-done .deev-pl-center{transform:translate(-50%,-54%)}

@keyframes deevPlReveal{from{clip-path:inset(100% 0 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes deevPlBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}
@keyframes deevPlUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  .deev-preloader,.deev-pl-center{transition-duration:.01s}
  .deev-pl-logo,.deev-pl-text span,.deev-pl-bar{animation:none}
}