/* =====================================================================
   SOLAR SETU - logo and loader
   The site keeps the Bundelkhand design. This file only fits the Solar Setu
   logo into it: the logo sits straight on the hero's navy (white lettering,
   the sun and river in their own colours), switches to the original colours
   when the header turns white, and the loading screen uses the hero's navy.
   ===================================================================== */

/* the logo is a wide lockup - mark, name and promise - so give it room */
header.site .brand img{max-height:64px;max-width:300px;width:auto;height:auto}
@media (max-width:1100px){header.site .brand img{max-height:56px;max-width:250px}}
@media (max-width:600px){header.site .brand img{max-height:46px;max-width:200px}}

/* loading screen: the same navy as the hero, lit from the middle */
#loader{background:radial-gradient(900px 600px at 50% 45%,#101A4A 0%,#070C24 55%,#05091A 100%)}
.ld-stage{min-height:170px}
.ld-logo{width:min(420px,80vw);margin:0 auto}
.ld-glow{background:radial-gradient(circle,rgba(247,165,65,.55),rgba(247,165,65,0) 70%)}