/* @group Banner
------------------------------------ */
.banner { color: var(--title-light); position: relative; overflow: hidden; }
.banner .img-box { height: 100vh; }
.banner .play-video { color: var(--light-grey); position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); z-index: 4; text-transform: uppercase; }
.banner .play-video i svg { stroke: var(--light-grey); }
.banner video[data-state="stopped"] + .play-video .no-visible { display: none; }
.banner video[data-state="playing"] + .play-video .visible { display: none; }
.banner h3 { font-style: italic; }
.banner .img-box::after { content: ''; position: absolute; bottom: 0; left: 0; height: 40.1rem; width: 100%; background: linear-gradient(180deg, rgba(52,52,64,0) 0%, rgba(52,52,64,1) 100%); }
@media only screen
and (min-width : 961px) {
}
@media only screen
and (min-width : 961px)
and (max-width : 1440px) {
}
@media only screen
and (min-width : 0)
and (max-width : 960px) {
}

/* @end */