@charset "UTF-8";

/* =====================================================
  LOADING
===================================================== */

.cs-loading{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#ffffff;
  opacity:1;
  visibility:visible;
  transition:
    opacity 1.6s var(--cs-header-ease),
    visibility 1.6s var(--cs-header-ease);
}

.cs-loading.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.cs-loading__inner{
  width:min(var(--cs-loading-w), calc(100vw - 48px));
}

.cs-loading__label{
  margin:0;
  font-family:"Cormorant Garamond", serif;
  font-weight:400;
  font-size:12px;
  line-height:1.4;
  letter-spacing:.12em;
  color:var(--cs-soft);
}

.cs-loading__line{
  position:relative;
  width:100%;
  height:1px;
  margin-top:10px;
  background:rgba(17,17,17,.08);
  overflow:hidden;
}

.cs-loading__line::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:100%;
  background:#222;
  animation:csLineGrow 1.8s var(--cs-header-ease) forwards;
}

@keyframes csLineGrow{
  from{ width:0; }
  to{ width:100%; }
}