/* Mobile-friendly tweaks */
:root{
  --mobile-gap: 12px;
}

/* Ensure images are responsive */
img{
  max-width:100%;
  height:auto;
  display:block;
}

/* Mobile header adjustments */
.links-desktop-menu, .projects-desktop-menu, .home-desktop-menu{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* Show burger on small screens */
@media (max-width: 767px){
  .links-burger-menu, .projects-burger-menu, .home-burger-menu{
    display:flex !important;
  }
  .links-desktop-menu, .projects-desktop-menu, .home-desktop-menu{
    display:none !important;
  }

  /* Mobile menu visible when .open class applied */
  .links-mobile-menu, .projects-mobile-menu, .home-mobile-menu{
    display:none;
  }
  .mobile-menu-open .links-mobile-menu,
  .mobile-menu-open .projects-mobile-menu,
  .mobile-menu-open .home-mobile-menu{
    display:flex;
  }

  body{
    padding:16px;
  }

  h1{font-size:1.5rem}
  span, p{font-size:1rem}
}

/* Tweak font-face fallback for small devices */
@media (max-width: 480px){
  :root{
    --dl-layout-space-unit:12px;
  }
  .links-text10, .projects-text10, .home-text10{font-size:30px}
}