/* Corporate Vision only (Mal, 2026-10-29: "Make the logos half the current size"): the header and footer logos are half
   the sizes Corporate Vision inherited from Vision Movie (vm-nav.css / vm-brand.css). Loaded last on every page (brand.json
   rule before <link rel="stylesheet" href="/assets/cv-site.css"></head>), so these win. Every size is 0.5 x the inherited one; on narrow screens, where the logo filled the
   width, it is half that width. */
html body .nav .brand.vm-logo img{height:86px}
@media(max-width:800px){html body .nav .brand.vm-logo img{height:auto;width:auto;max-height:86px;max-width:calc(.5*(100vw - 40px))}}
@media(max-width:570px){html body .nav .brand.vm-logo img{height:auto;max-height:78px;max-width:calc(.5*(100vw - 40px))}}

html body .appbar .brand.vm-logo img{height:38px}
@media(max-width:860px){html body .appbar .brand.vm-logo img{height:36px}}
@media(max-width:520px){html body .appbar .brand.vm-logo img{height:31px}}
@media(max-width:790px){html body .appbar .wrap:has(#acctLink) .brand.vm-logo img{height:24px}}

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:132px;max-width:calc(.5*(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:120px;max-width:calc(.5*(100vw - 40px))}}

/* The landing background picture (Mal, 2026-10-29): Prompt Bank picture 457 (the "I Disrupt" palm), cut out onto black
   with BiRefNet like young Judy's (files/assets/home/corporate-bg.jpg 1920x1080; -phone 778x1080 keeps the palm and the
   face). Same fit, black and white and faintness as Vision Movie's rule in vm-home.css; only the picture changes. */
html body.home::before{background-image:url(/assets/home/corporate-bg.jpg)}
@media(max-width:600px){html body.home::before{background-image:url(/assets/home/corporate-bg-phone.jpg)}}

/* Mal 2026-10-29: no play button on the four How it works clips. They roll by themselves while on screen on every
   device (the brand.json rule on index.html's card script); reduced-motion users keep the still frame. */
.step .clipwrap::after{display:none}
.step .clip{cursor:default}

/* Mal 2026-10-29, PHONES ONLY: the gold button reads "Start your Vision Movie" (the word "company's" is hidden) so it fits
   on one line. Computers keep "Start your company's Vision Movie". */
@media(max-width:600px){.cv-co{display:none}}
/* Mal 2026-10-29, PHONES ONLY: the header and footer logos twice the size they were (175px -> the full width, 350px on an
   iPhone), and every big gold button on the landing page centred (the one under the questions sat on the left). */
@media(max-width:600px){
  html body .nav .brand.vm-logo img{max-height:172px;max-width:calc(100vw - 40px)}
  html body .brand-stack.vm-logo img,html body .vm-foot-logo .brand-stack.vm-logo img{max-height:240px;max-width:calc(100vw - 40px)}
  html body.home .btn-lg{display:flex;justify-content:center;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}
}
/* On the smallest phones (320px) the price card's button wrapped to two lines inside the card: tighter sides there. */
@media(max-width:400px){html body.home .price-card .btn-lg{padding-left:10px;padding-right:10px;font-size:16px;white-space:nowrap}}
/* Footer: Corporate Vision + Vision Movie logos side by side on one line (Mal 2026-10-31). */
html body .foot .foot-logo{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(18px,5vw,56px)}
html body .foot .foot-logo .brand-stack.vm-logo img{max-height:110px;max-width:calc(.42*(100vw - 40px))}
@media(max-width:600px){html body .foot .foot-logo .brand-stack.vm-logo img{max-height:110px;max-width:calc(.46*(100vw - 40px))}}
/* Top bar (Mal 2026-10-31): the Vision Movie logo sits where the Start button was, at the end of the menu; the button
   moves to its own row, centred under the menu. Phones: the Vision Movie logo is left out of the top bar (it is in the
   footer) and the bar stays Corporate Vision logo, then the button. */
html body .nav .wrap{height:auto;flex-wrap:wrap;row-gap:6px;padding-bottom:14px}
html body .nav .cv-nav-vm{display:flex;align-items:center;flex:0 0 auto}
html body .nav .cv-nav-vm img{height:auto;width:auto;max-height:58px;max-width:170px}
html body .nav .cv-nav-break{flex:0 0 100%;height:0}
html body .nav .cv-nav-break + .btn{margin-left:auto;margin-right:auto}
@media(max-width:640px){html body .nav .cv-nav-vm,html body .nav .cv-nav-break{display:none}}