
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#02070b;min-width:320px;overflow-x:hidden}
.stage{position:relative;width:100vw;margin:0;background:#02070b;line-height:0}
.stage picture,.stage img{display:block;width:100vw;height:auto;max-width:none;margin:0;padding:0;border:0}
.hotspots{position:absolute;left:0;right:0;top:0;height:8%;z-index:5;line-height:normal}
.hotspots a{position:absolute;top:0;height:100%;display:block}
.home{left:0;width:13%}.holdings{left:13%;width:13%}.leadership{left:26%;width:13%}
.investors{left:39%;width:15%}.news{left:54%;width:10%}.advertise{left:64%;width:14%}
.contact{left:78%;width:10%}.portal{left:88%;width:12%}
@media(max-width:980px){
 .hotspots{height:10%}
 .home{left:0;width:18%}.holdings{left:18%;width:15%}.leadership{left:33%;width:15%}
 .investors{left:48%;width:16%}.news{left:64%;width:11%}.advertise{left:75%;width:13%}
 .contact{left:88%;width:12%}.portal{display:none}
}
@media(max-width:640px){
 .hotspots{height:9%}
 .hotspots a:not(.home):not(.portal){display:none}
 .home{left:0;width:55%}.portal{display:block;left:75%;width:25%}
}


/* V13 — LOCKED HOMEPAGE LAYOUT-ONLY FIX
   No homepage artwork/content changes. */
html,body{
  margin:0!important;
  padding:0!important;
  width:100%!important;
  min-height:100%!important;
  background:#02070b!important;
}
body{
  overflow-x:hidden!important;
}

/* Existing production stage/picture/image are made fluid.
   The locked source remains untouched. */
.home-stage,
.page-stage,
.locked-stage,
main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
picture{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
picture img,
.home-stage img,
.page-stage img,
.locked-stage img,
main>img{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}

/* Remove legacy viewport-height/min-height rules that create the black tail. */
.home-stage,
.page-stage,
.locked-stage,
main,
picture,
picture img{
  min-height:0!important;
}

/* Phone: keep the exact locked source, but size it to the usable viewport
   instead of a fixed desktop canvas. No crop, stretch, or rerender. */
@media (max-width:767px){
  .home-stage,
  .page-stage,
  .locked-stage,
  main{
    min-height:0!important;
    height:auto!important;
  }
  picture img,
  .home-stage img,
  .page-stage img,
  .locked-stage img,
  main>img{
    width:100vw!important;
    height:auto!important;
    object-fit:contain!important;
  }
}

/* Tablet */
@media (min-width:768px) and (max-width:1199px){
  picture img,
  .home-stage img,
  .page-stage img,
  .locked-stage img,
  main>img{
    width:100vw!important;
    height:auto!important;
    object-fit:contain!important;
  }
}
