@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-font-weight:initial}}}.page-hero{align-items:center;background-color:var(--color-primary-900);background-image:url(../pattern-temple.svg);background-repeat:repeat;border-radius:calc(var(--ui-radius)*2);color:#fff;display:flex;flex-direction:column;justify-content:center;margin-bottom:calc(var(--spacing,.25rem)*20);min-height:200px;position:relative}.page-hero .page-hero-lede{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height,1.5));margin-top:calc(var(--spacing,.25rem)*2);text-align:center;--tw-font-weight:var(--font-weight-normal,400);display:block;font-weight:var(--font-weight-normal,400)}.page-hero .ui-image-container{height:100%;left:0;position:absolute;top:0;width:100%}.page-hero.page-hero-with-img{aspect-ratio:1600/400}@media(max-width:768px){.page-hero{padding-block:calc(var(--spacing,.25rem)*6);padding-inline:calc(var(--spacing,.25rem)*4)}.page-hero.page-hero-with-img{aspect-ratio:auto}}@property --tw-font-weight{syntax:"*";inherits:false}