.phase-banner{display:flex;flex-flow:column nowrap;position:relative;width:100%;padding:48px;cursor:pointer}.phase-banner .background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#000}.phase-banner .background-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;opacity:.6;filter:grayscale(1);transition:opacity .6s ease,filter .6s ease}.phase-banner:hover .background-image,.phase-section.active .phase-banner .background-image{opacity:.8;filter:grayscale(0)}.phase-banner .icon{width:64px;height:64px;filter:var(--filter-ffffff)}.phase-banner .title{font-size:1.75rem;text-transform:uppercase;color:var(--color-text-white-light);margin-top:18px}@media screen and (max-width:500px){.phase-banner{padding:24px}.phase-banner .icon{width:48px;height:48px}.phase-banner .title{font-size:1.25rem}}