/* One responsive header brand treatment across every generated website page.
   Display the original acrylic logo at its native aspect ratio. */
html{scroll-padding-top:138px}
#qintorava-site .site-header .nav-shell{align-items:center!important;min-height:128px!important;padding:8px 0!important}
#qintorava-site .site-header .brand{flex:0 0 auto!important}
#qintorava-site .site-header .brand-logo-img.qintorava-logo-img{display:block!important;width:280px!important;height:auto!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
@media(max-width:1180px){
  html{scroll-padding-top:122px}
  #qintorava-site .site-header .nav-shell{min-height:112px!important}
  #qintorava-site .site-header .brand-logo-img.qintorava-logo-img{width:230px!important}
}
@media(max-width:720px){
  html{scroll-padding-top:104px}
  #qintorava-site .site-header .nav-shell{min-height:88px!important;padding:6px 0!important;gap:6px!important}
  #qintorava-site .site-header .brand-logo-img.qintorava-logo-img{width:clamp(140px,44vw,190px)!important}
  #qintorava-site .site-header .nav-actions{gap:4px!important}
  #qintorava-site .mobile-nav{max-height:calc(100dvh - 100px)!important}
}
@media(max-width:400px){
  #qintorava-site .site-header .q-header-demo{font-size:15px!important;padding:10px 8px!important;gap:0!important}
  #qintorava-site .site-header .q-header-demo>span[aria-hidden]{display:none!important}
}
