.hero-gradient{z-index:0;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 55%,#000000f4 60.6%,#000000d7 66.2%,#000000ae 71.9%,#00000080 77.5%,#00000051 83.1%,#00000028 88.8%,#0000000b 94.4%,#0000 100%);mask-image:linear-gradient(#000 55%,#000000f4 60.6%,#000000d7 66.2%,#000000ae 71.9%,#00000080 77.5%,#00000051 83.1%,#00000028 88.8%,#0000000b 94.4%,#0000 100%)}.hero-gradient.is-ready{opacity:1}.hero-gradient--overlay{z-index:1;height:calc(100% + 320px);-webkit-mask-image:linear-gradient(#000 calc(100% - 320px),#000000f4 calc(100% - 280px),#000000d7 calc(100% - 240px),#000000ae calc(100% - 200px),#00000080 calc(100% - 160px),#00000051 calc(100% - 120px),#00000028 calc(100% - 80px),#0000000b calc(100% - 40px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 320px),#000000f4 calc(100% - 280px),#000000d7 calc(100% - 240px),#000000ae calc(100% - 200px),#00000080 calc(100% - 160px),#00000051 calc(100% - 120px),#00000028 calc(100% - 80px),#0000000b calc(100% - 40px),#0000 100%)}