html:has(.home){--text:#fafafa;--text-2:#a1a1aa;--text-3:#a1a1aa90;--background:#060606;--background-2:#111;--background-3:#222;--background-transparent:#060606aa;--background-transparent-2:#fafafaaa;--border:#ffffff24;--border-2:#ffffff12;--shadow:#06060624}.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-8);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;background-color:#0000;border-color:#0000;width:fit-content;padding:0}
@media screen and (max-width:768px){.app.home .banner .controls{justify-content:center;max-width:66.5%;display:grid;transform:scale(1)}.app.home .banner .controls .button{width:100%}}