body{font-family:Lexand,sans-serif;line-height:1.5;font-weight:300;font-style:normal;color-scheme:light dark;color:#ffffffde;background-color:#242424;transition:1s ease}.menu-wrap{width:100%;height:100%;overflow:hidden}.menu{display:flex;flex-direction:column;height:100%;margin:0;padding:0}.menu__item{flex:1;position:relative;overflow:hidden;text-align:center;box-shadow:0 -1px #fff}.menu__item-link{display:flex;align-items:center;justify-content:center;height:100%;position:relative;cursor:pointer;text-transform:uppercase;text-decoration:none;white-space:nowrap;font-weight:600;color:#fff;font-size:4vh}.menu__item-link:hover{color:#060010}.menu__item-link:focus:not(:focus-visible){color:#fff}.marquee{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;pointer-events:none;background:#fff;transform:translate3d(0,101%,0);transition:transform .6s ease-expo}.marquee__inner-wrap{height:100%;width:200%;display:flex;transform:translate(0)}.marquee__inner{display:flex;align-items:center;position:relative;height:100%;width:200%;will-change:transform;animation:marquee 15s linear infinite}.marquee span{color:#060010;white-space:nowrap;text-transform:uppercase;font-weight:400;font-size:4vh;line-height:1.2;padding:1vh 1vw 0}.marquee__img{width:200px;height:7vh;margin:2em 2vw;padding:1em 0;border-radius:50px;background-size:cover;background-position:50% 50%}.menu__item-link:hover+.marquee{transform:translateZ(0)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.card-spotlight{position:relative;border-radius:1.5rem;border:1px solid #222;background-color:#111;padding:2rem;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .05)}.card-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 80%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}