.hero-banner{background-position:50%;background-size:cover;height:min(100vh,1120px);min-height:800px;opacity:1;position:relative}.hero-banner .underlay{background-color:var(--color-background);height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity 1s ease;width:100%}.hero-banner.notready .underlay{opacity:1}.hero-banner .content{align-items:flex-start;display:flex;flex-flow:column nowrap;height:100%;justify-content:center;position:relative}.hero-banner .heading-text{font-size:4.375rem;width:50%}@media (max-width:1000px){.hero-banner .heading-text{font-size:7.5vw}}@media (max-width:768px){.hero-banner{height:unset;min-height:200px}.hero-banner .content{padding-bottom:var(--spacing-3);padding-top:var(--spacing-5)}}