/* HC Hero Background Layer */
.hc-host{position:relative}
.hc-host .hc-bg{position:absolute; inset:0; overflow:hidden; z-index:0;}
.hc-host .hc-slide{position:absolute; inset:0; opacity:0; transition:opacity .6s ease; will-change:opacity; background:#0b0b0b;}
.hc-host .hc-slide.hc-active{opacity:1}
.hc-host .hc-slide img,.hc-host .hc-slide video{width:100%; height:100%; display:block; object-position:center center}
.hc-host .hc-slide img{object-fit:cover}
.hc-host .hc-slide video{object-fit:cover}
.hc-host > *:not(.hc-bg){position:relative; z-index:1}
.hc-host .hc-grad{position:absolute; left:0; right:0; bottom:0; height:40%; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 50%, rgba(0,0,0,.85) 100%); z-index:0;}
@media (max-width: 640px){ .hc-host .hc-grad{height:28%} }