/* ══════════════════════════════════════════════════════════
   XDrills — Logo (V1-3)
   Le logo est une image (assets/logo/…svg) : X formé d'une flèche
   croisant un trait en pointillés + « DRILLS » en Barlow Condensed
   italique. La hauteur de l'image règle sa taille partout.
   ══════════════════════════════════════════════════════════ */
.xd-logo { display:block; width:auto; height:1em; flex-shrink:0; }
.logo-main, .hero-logo, .about-hero-logo, .footer-logo { display:inline-flex; align-items:flex-start; line-height:1; }
.logo-main .xd-logo { height:30px; }
.hero-logo .xd-logo { height:64px; }
.about-hero-logo { display:flex; justify-content:center; }
.about-hero-logo .xd-logo { height:54px; }
.footer-logo .xd-logo { height:18px; opacity:.4; }
.logo-main .beta-tag, .hero-logo .beta-tag, .about-hero-logo .beta-tag { margin-left:5px; vertical-align:baseline; }
.footer-logo .beta-tag { display:none; }
@media (max-width: 640px) {
  .hero-logo .xd-logo { height:46px; }
  .about-hero-logo .xd-logo { height:40px; }
}
@media (max-width: 480px) {
  .logo-main .xd-logo { height:25px; }
}