.app.home{width:100%;max-width:none;margin-top:calc(var(--header)/-1);min-height:100svh;padding-top:0;padding-bottom:0}.app.home .banner{width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.app.home .banner img,.app.home .banner video{-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%;height:100vh}.app.home .banner .controls{align-content:center;gap:var(--padding);justify-content:space-between;min-width:10%;max-width:fit-content;margin:auto;display:flex;position:absolute;bottom:23.5%;left:0;right:0;transform:scale(1.25)}.app.home .banner .controls .button{white-space:nowrap;width:fit-content;filter:drop-shadow(0 0 5px var(--background));font-size:var(--font-size-8);background-color:#0000;border-color:#0000;padding:0}.app.home .banner .sound{top:calc(var(--header) + 5vw);position:absolute;left:5%}.app.home .banner .sound svg{width:50px;height:50px;stroke:var(--text);opacity:var(--opacity-2)}
@media screen and (max-width:768px){.app.home .banner .controls{justify-content:center;gap:var(--padding-3);max-width:66.5%;display:grid;transform:scale(1)}.app.home .banner .controls .button{width:100%}.app.home .banner .sound svg{width:30px;height:30px}}