*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#000}.hero{position:relative;width:100vw;height:100dvh}.fullscreen{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.bbr-logo{position:fixed;right:1.5rem;bottom:1.5rem;width:min(12vw,112px);height:auto;mix-blend-mode:screen}.spectrum{position:fixed;left:1.5rem;bottom:0;width:50px;height:20vh;pointer-events:none;transition:opacity .4s}