/* Home · Apertura (components/home/mastHead.inc.php) */

.apertura {
  position: relative; z-index: 2;
  min-height: 100svh;
  background: var(--blu) url("../../img/sfondi/landing.webp") center / cover no-repeat;
  display: grid; place-items: center;
  overflow: hidden;
}
.apertura__logo { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 25rem; width: auto; }
@media (max-width: 768px) { .apertura__logo { height: 20rem; } }
@media (max-width: 575.98px) { .apertura__logo { height: 15rem; } }
.apertura__scendi {
  position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);
  display: flex; flex-direction: column; align-items: center; gap: .75rem;
  text-decoration: none; color: var(--bianco);
  padding-bottom: 0;
}
.apertura__scendi span { font-size: var(--t-etichetta); letter-spacing: .14em; text-transform: uppercase; font-weight: 600; font-stretch: 90%; opacity: .85; }
.apertura__scendi i { display: block; width: 1px; height: 5.5rem; background: linear-gradient(var(--menta), var(--menta)) top / 100% 0 no-repeat, rgba(255, 255, 255, .25); animation: goccia 2.6s var(--esce) 3.2s infinite; }
@keyframes goccia { 0% { background-size: 100% 0; background-position: top; } 55% { background-size: 100% 100%; background-position: top; } 56% { background-position: bottom; } 100% { background-size: 100% 0; background-position: bottom; } }
@media (prefers-reduced-motion: reduce) { .apertura__scendi i { animation: none; background-size: 100% 100%; } }