@charset "UTF-8";

/* =====================================================
  TOP ENTER
===================================================== */

.cs-enter{
  margin-top:var(--cs-enter-gap);
}

.cs-enter-link{
  position:relative;
  display:inline-block;
  font-family:"Cinzel", serif;
  font-weight:400;
  font-size:11px;
  letter-spacing:.14em;
  color:#222;
  padding-bottom:12px;
  opacity:.68;
  transition:opacity .4s var(--cs-header-ease);
}

.cs-enter-link::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:161.8%;
  height:1px;
  background:rgba(17,17,17,.88);
  transform:scaleX(0);
  transform-origin:left center;
  animation:csEnterLine 1.6s var(--cs-header-ease) forwards;
  animation-delay:1.8s;
}

@keyframes csEnterLine{
  from{ transform:scaleX(0); }
  to{ transform:scaleX(1); }
}

.cs-enter-link:hover,
.cs-enter-link:focus-visible{
  opacity:.72;
}

@media (max-width:767px){
  .cs-enter-link{
    font-size:10px;
    padding-bottom:10px;
  }

  .cs-enter-link::after{
    width:148%;
  }
}