/* Compact hero concept, enabled only on the home preview route. */
.hero{height:28.5vw;min-height:0;background:none;background-color:#0d1219;isolation:isolate;overflow:hidden;mask-image:none;-webkit-mask-image:none}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 12% 38%,#40151e99,transparent 48%),radial-gradient(ellipse at 88% 38%,#142b4d99,transparent 48%),#0d1219}
.hero:after{content:"";position:absolute;inset:0 12.5%;z-index:-1;background:url("assets/hero-clean-1920-v6.webp") center top/100% auto no-repeat;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.hero-brand-group{width:19.5%;z-index:1}
.hero-actions{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0d1219,transparent 24%)}
.decor{margin-top:0}
@media(min-width:1921px),(-webkit-min-device-pixel-ratio:2) and (min-width:1000px){.hero:after{background-image:url("assets/hero-clean-3840-v6.webp")}}
@media(max-width:720px){.hero{height:38vw;min-height:0}.hero:after{inset:0;mask-image:none;-webkit-mask-image:none}.hero-brand-group{width:26%}}