/* INTRO LOADER */
.dz-intro{
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100svh;
  overflow: hidden;
  z-index: 9999;
  background: #070915;
}

.dz-intro__overlay{
  position:absolute;
  inset:0;
  display:flex;
}

.dz-intro__block{
  width:100%;
  height:100%;
  background:#0a0b10;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.dz-intro__logo{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  display:flex;
  gap:.35rem;
}

.dz-intro__word{
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.dz-intro__word h1{
  margin:0;
  font-family:"BBHSans", Poppins, system-ui, sans-serif;
  font-size: clamp(28px, 5vw, 44px);
  line-height:1;
  text-transform: uppercase;
  letter-spacing: -.04em;
  color:#fff;
  transform: translateY(120%);
  will-change: transform;
}

.dz-intro__word h1 span{
  font-family:"SilkSerif", Georgia, serif;
  font-weight:300;
  font-style: italic;
}

#dz-word-1 h1{ transform: translateY(-120%); }
#dz-word-2 h1{ transform: translateY(120%); }

.dz-intro__divider{
  position:absolute;
  top:0;
  left:50%;
  transform: translateX(-50%) scaleY(0);
  transform-origin: center top;
  width:1px;
  height:100%;
  background:#fff;
  will-change: transform;
}

.dz-intro__spinnerWrap{
  position:absolute;
  bottom:10%;
  left:50%;
  transform:translateX(-50%);
}

.dz-intro__spinner{
  width:50px;
  height:50px;
  border:1.4px solid #fff;
  border-top-color: rgba(255,255,255,.12);
  border-radius:50%;
  animation: dzSpin 1s linear infinite;
}

@keyframes dzSpin{ to{ transform: rotate(360deg); } }

.dz-intro__counter{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}

.dz-intro__count{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  display:flex;
}

.dz-intro__digit{
  padding-top: 1rem;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.dz-intro__digit h1{
  margin:0;
  font-family:"SilkSerif", Georgia, serif;
  font-size: clamp(84px, 16vw, 180px);
  font-weight: 300;
  color:#fff;
  transform: translateY(120%);
  will-change: transform;
}