/* Experimental hero layer: remove its two includes to restore the original hero. */
.hero-cube{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:.78;mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 80%,transparent)}
.hero:has(.hero-cube) .hero-title h1{text-shadow:0 3px 30px #060b2299}
@media(max-width:767px){.hero-cube{opacity:.42}}