*,:before,:after{box-sizing:border-box}html,body,#root{color:#fff;background:#111;height:100%;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.hero{width:100%;height:100dvh;position:relative;overflow:hidden}.hero-canvas{touch-action:none;cursor:grab;inset:0;position:absolute!important}.hero-canvas:active{cursor:grabbing}.hero-overlay{padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));pointer-events:none;text-shadow:0 1px 12px #00000059;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.hero-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{letter-spacing:.25em;text-transform:uppercase;font-size:13px;font-weight:800}.person{margin-right:-.25em}@media (width<=719px){.brand{letter-spacing:.18em;white-space:nowrap;font-size:11px}.person{margin-right:-.18em}}@media (width>=720px){.hero-overlay{padding:28px 36px}}