html, body {width:100%; height:100%; margin:0; padding:0; font-family:"Antonio", sans-serif; color:#1d1d1b}

/* Evita micro-scatti durante il preload (blocca transizioni) */
html.preload *{
  transition: none !important;
} 

a {color:inherit; text-decoration:none; transition:.4s}
a:hover {color:#1d1d1b}

.headings {  width: 100%;  }
.headings h1 { font-size: 18px; font-weight: 600; margin: 0 0 4px; text-transform: uppercase;}
.headings h2 { font-size: 14px; font-weight: 400; margin: 0}

.slogan{
   font-family: "Impact", sans-serif;
     font-size: 30px; 
  margin-top:20px;
  opacity:0;
  color: #fff;
  transform:translateY(8px);
  transition:opacity 1.7s ease, transform 1.7s ease;
}

.slogan .colore{ color: #e84e1b;}

.cookie-btn-wrapper{ position: fixed; right:20px; bottom: 15px;  z-index: 999}
.cookie-btn-wrapper a{ font-size: 12px;    }

.box {display:flex; align-items:flex-start; justify-content:center; width:100%; height:100%}
.content {width: 90%;  max-width: 900px; padding-bottom: 100px  }
.logo {max-width:40%; height:auto; display:block; margin:0 auto 6px; opacity:1; transform:translateY(8px) scale(.995); transition:opacity 1.7s ease, transform 1.7s ease}
.info { font-weight: 100;  margin-top:20px; line-height: 140%; opacity:1; transform:translateY(8px); transition:opacity 1.7s ease, transform 1.7s ease}
 .info strong {font-weight: 700;}

@media (prefers-reduced-motion: reduce) {
.logo, .info {transition:none!important; opacity:1!important; transform:none!important}
}