:root{--hero-padding:theme("variables.padding.x.default");--hero-background:var(--color-transparent);--hero-color:var(--color-space-indigo);--hero-min-height:max(38rem,50vh);--hero-max-height:55rem;--hero-max-width:58rem;--hero-margin-overlap:clamp(4.7rem,6vw,9.4rem)}.hero{background:transparent;display:flex;flex-direction:column;justify-content:center;min-height:var(--hero-min-height);z-index:0}.hero-content{max-width:40rem;position:relative}