.hero{position:relative}.hero:not(:last-child){margin-bottom:clamp(3.75rem,0.0308641975*(var(--viewport-width, 100vw) - 62rem) + 3.75rem,5rem)}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:25vh;background:linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);opacity:.4;pointer-events:none;z-index:2}.hero-item{height:100vh;max-height:1440px}.hero-item__image{width:100%;height:100%;object-fit:cover}