/* Hallmark · v2.0.0 · custom: the locked Jarvis system · small shared rules every page of jarvisdota2.com links */
/* Hallmark · pre-emit critique: P4 H5 E5 S4 R5 V4 · weakest: S, plumbing; one rule for narrow phones */

/* Pictures carry their real width and height (no jump while loading); CSS still sizes them, keeping the proportions. */
img { height: auto; }
.nav .logo, footer .row img { width: auto; }

/* On a narrow phone the nav keeps the logo, the language, the download icon and the menu: the hero has its own big
   download button, and «Завантажити» is too long to fit beside the rest. */
@media (max-width: 640px) {
  .nav .pill { display: none; }
  .nav .btn { font-size: 0; gap: 0; width: 40px; padding: 0; justify-content: center; }
  .nav .btn svg { width: 18px; height: 18px; }
  .nav .btn:focus-visible { outline: 2px solid var(--ember); outline-offset: 4px; transition: none; }
  .nav .btn:active { transform: scale(.97); }
}