@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial}}}.hero{z-index:0;background-size:cover;position:relative}.hero[data-hero-variant=light]{background-color:var(--neutral-dark);color:var(--color-white,#fff)}.hero[data-hero-variant=dark]{background-color:var(--neutral-light);color:inherit}.hero .hero-container{z-index:10;position:relative}.hero .heading-block-title{max-width:var(--container-md,28rem);--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);margin-inline:auto}.hero .heading-block-description{max-width:var(--container-lg,32rem);--tw-leading:var(--leading-tight,1.25);line-height:var(--leading-tight,1.25);margin-inline:auto}@property --tw-leading{syntax:"*";inherits:false}