*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#151719}
body{font-family:Arial,Helvetica,sans-serif}
main,.hero{width:100%;height:100vh;height:100svh}
.hero{position:relative;overflow:hidden;display:grid;place-items:center;isolation:isolate}
.hero-backdrop,.hero-art{background-image:url(/images/nomadvision-hero-clean-logo-area.jpg);background-image:image-set(url(/images/nomadvision-hero-clean-logo-area.webp) type("image/webp"),url(/images/nomadvision-hero-clean-logo-area.jpg) type("image/jpeg"));background-repeat:no-repeat;background-position:50%}
.hero-backdrop{position:absolute;inset:-24px;z-index:-2;background-size:cover;filter:blur(20px);transform:scale(1.035)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(11,14,16,.38)}
.hero-frame{position:relative;z-index:1;width:min(100vw,150svh);max-height:100svh;aspect-ratio:3/2;overflow:hidden}
.hero-art{position:absolute;inset:0;background-size:100% 100%}
.site-logo{position:absolute;top:-5%;left:-1.2%;width:37%;height:auto;display:block;mix-blend-mode:screen;pointer-events:none;-webkit-user-select:none;user-select:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}