/* Match header logo size to intro animation text size */
/* This ensures seamless visual transition from intro to header */

/* Override header.json preset sizes to match intro animation */
html body.template-homepage .app-container .header .header__nav .logo-link .header__logo,
html body.template-projects .app-container .header .header__nav .logo-link .header__logo,
html body.template-about .app-container .header .header__nav .logo-link .header__logo,
html body.template-contact .app-container .header .header__nav .logo-link .header__logo {
  /* Match intro animation: min(8vw, 15vh) */
  height: min(8vw, 15vh) !important;
  max-height: min(8vw, 15vh) !important;
  width: auto !important;
}

/* Tablet and below */
@media (max-width: 1024px) {
  html body.template-homepage .app-container .header .header__nav .logo-link .header__logo,
  html body.template-projects .app-container .header .header__nav .logo-link .header__logo,
  html body.template-about .app-container .header .header__nav .logo-link .header__logo,
  html body.template-contact .app-container .header .header__nav .logo-link .header__logo {
    height: min(9vw, 14vh) !important;
    max-height: min(9vw, 14vh) !important;
  }
}

/* Mobile landscape and portrait */
@media (max-width: 768px) {
  html body.template-homepage .app-container .header .header__nav .logo-link .header__logo,
  html body.template-projects .app-container .header .header__nav .logo-link .header__logo,
  html body.template-about .app-container .header .header__nav .logo-link .header__logo,
  html body.template-contact .app-container .header .header__nav .logo-link .header__logo {
    height: min(10vw, 12vh) !important;
    max-height: min(10vw, 12vh) !important;
  }
}

/* Small mobile */
@media (max-width: 480px) {
  html body.template-homepage .app-container .header .header__nav .logo-link .header__logo,
  html body.template-projects .app-container .header .header__nav .logo-link .header__logo,
  html body.template-about .app-container .header .header__nav .logo-link .header__logo,
  html body.template-contact .app-container .header .header__nav .logo-link .header__logo {
    height: min(11vw, 10vh) !important;
    max-height: min(11vw, 10vh) !important;
  }
}

/* Large desktop - cap the size */
@media (min-width: 1920px) {
  html body.template-homepage .app-container .header .header__nav .logo-link .header__logo,
  html body.template-projects .app-container .header .header__nav .logo-link .header__logo,
  html body.template-about .app-container .header .header__nav .logo-link .header__logo,
  html body.template-contact .app-container .header .header__nav .logo-link .header__logo {
    height: min(153.6px, 15vh) !important;
    max-height: min(153.6px, 15vh) !important;
  }
}

/* Extra large screens */
@media (min-width: 2560px) {
  html body.template-homepage .app-container .header .header__nav .logo-link .header__logo,
  html body.template-projects .app-container .header .header__nav .logo-link .header__logo,
  html body.template-about .app-container .header .header__nav .logo-link .header__logo,
  html body.template-contact .app-container .header .header__nav .logo-link .header__logo {
    height: min(204.8px, 15vh) !important;
    max-height: min(204.8px, 15vh) !important;
  }
}