/* LOGO DEL MENÚ · el tomate es igual en todas las páginas (como en la portada, donde se acopla al menú):
   44 px de ancho, con el centro a 46 px del borde izquierdo (24 px de margen) y centrado en vertical en la barra.
   En móvil: 36 px, centro a 32 px (14 px de margen) y barra de 56 px.
   Lo usan About, Privacy, los proyectos y The room (ver también js/nav-tomato.js, que pone el 3D encima). */
.nav-logo, .case-logo {
  position: fixed;
  z-index: 21;
  left: var(--bar-gutter);
  top: calc((var(--nav-h) - 47px) / 2);
  width: 44px;
  height: 47px;
  margin: 0;
}
.nav-logo img, .case-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }

@media (max-width: 700px) {
  .nav-logo, .case-logo { top: calc((var(--nav-h) - 39px) / 2); width: 36px; height: 39px; }
  /* La zona que responde al dedo llega a 48 × 47 px (el tomate sigue midiendo 36 × 39) */
  .nav-logo::after, .case-logo::after { content: ""; position: absolute; inset: -4px -6px; }
}