/* Preloader: un calice di vino si riempie prima di mostrare la pagina. */
.bivongi-page-loader {
  --wine: #751c0c;
  --cream: #f7f0e6;
  align-items: center;
  background: var(--cream);
  color: var(--wine);
  display: flex;
  flex-direction: column;
  inset: 0;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 2147483647;
}

.bivongi-page-loader::before {
  border: 1px solid rgba(117, 28, 12, .18);
  border-radius: 50%;
  content: "";
  height: min(68vw, 760px);
  position: absolute;
  width: min(68vw, 760px);
}

.bivongi-page-loader__brand,
.bivongi-page-loader__message,
.bivongi-page-loader__progress {
  font-family: Georgia, 'Times New Roman', serif;
  position: relative;
  z-index: 1;
}

.bivongi-page-loader__brand {
  font-size: clamp(1rem, 1.8vw, 1.35rem);
  letter-spacing: .34em;
  margin: 0 0 1.25rem .34em;
  text-transform: uppercase;
}

.bivongi-page-loader__brand span { font-style: italic; letter-spacing: .06em; }

.bivongi-page-loader__glass {
  border: 2px solid rgba(117, 28, 12, .9);
  border-radius: 0 0 48% 48%;
  height: 122px;
  overflow: hidden;
  position: relative;
  width: 82px;
}

.bivongi-page-loader__glass::before {
  background: var(--wine);
  content: "";
  height: 2px;
  left: 50%;
  position: absolute;
  top: -34px;
  transform: translateX(-50%);
  width: 2px;
  animation: bivongi-pour 1.5s ease-in forwards;
}

.bivongi-page-loader__glass::after {
  background: var(--wine);
  bottom: -36px;
  content: "";
  height: 36px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 2px;
}

.bivongi-page-loader__wine {
  background: linear-gradient(90deg, #5b1008, #8e2915 48%, #671208);
  bottom: 0;
  height: 0;
  left: 0;
  position: absolute;
  width: 100%;
  animation: bivongi-fill 1.5s cubic-bezier(.25, .8, .3, 1) forwards;
}

.bivongi-page-loader__wine::before {
  background: rgba(255, 215, 177, .38);
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 6%;
  position: absolute;
  top: -3px;
  width: 88%;
}

.bivongi-page-loader__shine {
  background: rgba(255, 255, 255, .48);
  border-radius: 50%;
  height: 54%;
  left: 13%;
  position: absolute;
  top: 14%;
  transform: rotate(18deg);
  width: 5px;
}

.bivongi-page-loader__message { font-size: .82rem; letter-spacing: .16em; margin: 3.6rem 0 .45rem; text-transform: uppercase; }
.bivongi-page-loader__progress { font-size: .9rem; letter-spacing: .12em; margin: 0; }

.bivongi-page-loader.is-leaving { animation: bivongi-loader-out .48s ease-in forwards; pointer-events: none; }

@keyframes bivongi-pour { from { height: 2px; } to { height: 40px; } }
@keyframes bivongi-fill { to { height: 68%; } }
@keyframes bivongi-loader-out { to { opacity: 0; visibility: hidden; } }

@media (prefers-reduced-motion: reduce) {
  .bivongi-page-loader__glass::before,
  .bivongi-page-loader__wine { animation: none; }
  .bivongi-page-loader__wine { height: 68%; }
  .bivongi-page-loader.is-leaving { animation-duration: .01ms; }
}