@property --hero-corners-reveal-r{syntax:"<length>";inherits:false;initial-value:0}.hero-corners-item{--hero-corners-reveal-r:0px;--hero-corners-reveal-x-a:99.5px;--hero-corners-reveal-y-a:236.5px;--hero-corners-reveal-x-b:99.5px;--hero-corners-reveal-y-b:572.5px;--hero-corners-reveal-max-r:300px;-webkit-mask-image:radial-gradient(circle var(--hero-corners-reveal-r) at var(--hero-corners-reveal-x-a) var(--hero-corners-reveal-y-a), #000 100%, transparent 100%), radial-gradient(circle var(--hero-corners-reveal-r) at var(--hero-corners-reveal-x-b) var(--hero-corners-reveal-y-b), #000 100%, transparent 100%);mask-image:radial-gradient(circle var(--hero-corners-reveal-r) at var(--hero-corners-reveal-x-a) var(--hero-corners-reveal-y-a), #000 100%, transparent 100%), radial-gradient(circle var(--hero-corners-reveal-r) at var(--hero-corners-reveal-x-b) var(--hero-corners-reveal-y-b), #000 100%, transparent 100%);-webkit-mask-composite:source-add;animation:1s ease-in-out .6s forwards hero-corners-item-reveal;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-over;mask-composite:add}@keyframes hero-corners-item-reveal{0%{--hero-corners-reveal-r:0px}to{--hero-corners-reveal-r:var(--hero-corners-reveal-max-r)}}