/* Logo completo: nessun ritaglio o alterazione delle proporzioni. */
.site-header {
  height: 150px;
}

.brand,
.footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 22px;
}

.brand img {
  width: 112px;
  height: 112px;
  object-fit: contain;
  border-radius: 0;
}

.brand-name {
  display: flex;
  align-items: baseline;
  gap: 14px;
  white-space: nowrap;
  font-family: var(--font-head);
  line-height: 1;
}

.brand-name strong {
  color: #7d7b7b;
  font-size: 34px;
  font-weight: 500;
  letter-spacing: 2px;
}

.brand-name em {
  color: #c7a700;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 1.5px;
}

footer .footer-brand img {
  width: 72px;
  height: 72px;
  object-fit: contain;
  border-radius: 0;
}

footer .brand-name { gap: 9px; }
footer .brand-name strong { font-size: 21px; }
footer .brand-name em { font-size: 16px; }

@media (max-width: 900px) {
  .site-header { height: 110px; }
  .brand { gap: 13px; }
  .brand img { width: 78px; height: 78px; }
  .brand-name { gap: 8px; }
  .brand-name strong { font-size: 23px; }
  .brand-name em { font-size: 17px; }
  nav { top: 110px; }
  .hero { padding-top: 155px; }
}

@media (max-width: 560px) {
  .brand { gap: 8px; }
  .brand img { width: 58px; height: 58px; }
  .brand-name { flex-direction: column; align-items: flex-start; gap: 3px; }
  .brand-name strong { font-size: 18px; letter-spacing: 1px; }
  .brand-name em { font-size: 13px; letter-spacing: 1px; }
  .site-header { height: 88px; }
  nav { top: 88px; }
  .site-header { padding-left: 18px; padding-right: 18px; }
  footer .footer-brand img { width: 58px; height: 58px; }
  footer .brand-name strong { font-size: 18px; }
  footer .brand-name em { font-size: 13px; }
}