/* Guiding Vision only (Mal, 2026-10-17): the header and footer logos are 30% smaller than Vision Movie's sizes.
   Loaded last on every page (brand.json rule before <link rel="stylesheet" href="/assets/gv-site.css"></head>), so these win over vm-brand.css and vm-nav.css.
   Every size is 0.7 x the inherited one; on narrow screens, where the logo was as wide as the screen, it is 70% of that width. */
html body .nav .wrap{height:120px}
html body .nav .brand.vm-logo img{height:120px}
@media(max-width:800px){
  html body .nav .wrap{height:auto}
  html body .nav .brand.vm-logo img{height:auto;width:auto;max-height:120px;max-width:calc(.7*(100vw - 40px))}
}
@media(max-width:570px){html body .nav .brand.vm-logo img{max-height:109px;max-width:calc(.7*(100vw - 40px))}}

html body .appbar .brand.vm-logo img,html body .appbar .wrap:has(#acctLink) .brand.vm-logo img{height:92px}
@media(max-width:700px){html body .appbar .brand.vm-logo img,html body .appbar .wrap:has(#acctLink) .brand.vm-logo img{height:auto;max-height:92px;max-width:calc(.7*(100vw - 32px))}}

html body .brand-stack.vm-logo img,html body .vm-foot-logo .brand-stack.vm-logo img,html body .movie .sitemark .brand-stack.vm-logo img{height:auto;width:auto;max-height:185px;max-width:calc(.7*(100vw - 40px))}
@media(max-width:570px){html body .brand-stack.vm-logo img,html body .vm-foot-logo .brand-stack.vm-logo img,html body .movie .sitemark .brand-stack.vm-logo img{max-height:168px;max-width:calc(.7*(100vw - 40px))}}