html,body,#root{margin:0;padding:0;height:100%;background-color:#000}.page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#000;padding:16px;box-sizing:border-box}.hero-image{width:100%;height:auto;max-width:clamp(320px,70svw,1532px);max-height:90svh;display:block;-webkit-mask-image:radial-gradient(ellipse at center,black 50%,transparent 85%);mask-image:radial-gradient(ellipse at center,black 50%,transparent 85%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}