/* =============================================================================
PAGE: PROJECT WAIT
============================================================================= */

body.page-project-wait main{
  position:relative;
  z-index:6;
  max-width:1200px;
  margin:0 auto;
  padding:260px 60px 120px;
}

body.page-project-wait .wait-hero{
  max-width:900px;
}

body.page-project-wait .portfolio-kicker{
  font-family:"JetBrains Mono", monospace;
  font-size:12px;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--cinnabar);
  margin-bottom:28px;
  opacity:0;
  animation:fadeUp .8s ease .3s forwards;
}

body.page-project-wait .wait-title{
  font-family:"Anton", sans-serif;
  font-size:clamp(48px, 6.5vw, 108px);
  line-height:1;
  letter-spacing:-.035em;
  font-weight:400;
  color:var(--bone);
  margin-bottom:48px;
  max-width:18ch;
  padding-bottom:.08em;
  overflow:visible;
  clip-path:inset(0 100% 0 0);
  animation:clipReveal 1s cubic-bezier(.16,1,.3,1) .5s forwards;
}

body.page-project-wait .wait-title .faracs-dot{
  width:14px;
  height:14px;
  margin-left:10px;
  position:relative;
  bottom:0;
}

body.page-project-wait .wait-rule{
  width:48px;
  height:2px;
  background:var(--hanko);
  margin-bottom:32px;
  transform:scaleX(0);
  transform-origin:left;
  animation:ruleReveal .6s ease 1.3s forwards;
}

body.page-project-wait .wait-intro{
  font-size:19px;
  line-height:1.55;
  max-width:58ch;
  opacity:0;
  margin-bottom:48px;
  color:var(--ash);
  animation:fadeUp .8s ease 1.6s forwards;
}