@import"https://fonts.googleapis.com/css2?family=MuseoModerno:ital,wght@0,100..900;1,100..900&display=swap";html{background-color:var(--bg)}body{margin:0;color:var(--light);font-family:MuseoModerno,sans-serif}main{padding:0 5rem}h1{font-family:MuseoModerno,sans-serif;color:var(--main)}.theme-switch{position:fixed;top:145px;left:calc(2.5rem - 8px);display:flex;flex-direction:column;gap:4px}.theme-switch .input-wrapper input{display:none}.theme-switch .input-wrapper input:checked+label{outline:1px solid var(--main)}.theme-switch .input-wrapper label{width:8px;height:8px;border-radius:50%;display:block;cursor:pointer;border:2px solid var(--bg)}#nav-trigger{background-color:transparent;padding:0;border:none;color:var(--main)}#nav-trigger .container{cursor:pointer;display:flex}#nav-trigger svg{transition:transform .5s cubic-bezier(.4,0,.2,1)}#nav-trigger .active svg{transform:rotate(90deg)}#nav-trigger path{stroke:var(--main);transition:transform .5s cubic-bezier(.4,0,.2,1),stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}#nav-trigger path:nth-child(1){transform-origin:36% 40%}#nav-trigger path:nth-child(2){stroke-dasharray:29 299}#nav-trigger path:nth-child(3){transform-origin:35% 63%}#nav-trigger path:nth-child(4){stroke-dasharray:29 299}#nav-trigger path:nth-child(5){transform-origin:61% 52%}#nav-trigger path:nth-child(6){transform-origin:62% 52%}#nav-trigger .active path:nth-child(1){transform:translate(9px) translateY(1px) rotate(45deg)}#nav-trigger .active path:nth-child(2){stroke-dasharray:225 299;stroke-dashoffset:-72px}#nav-trigger .active path:nth-child(3){transform:translate(9px) translateY(1px) rotate(-45deg)}#nav-trigger .active path:nth-child(4){stroke-dasharray:225 299;stroke-dashoffset:-72px}#nav-trigger .active path:nth-child(5){transform:translate(9px) translateY(1px) rotate(-45deg)}#nav-trigger .active path:nth-child(6){transform:translate(9px) translateY(1px) rotate(45deg)}header{color:var(--main);padding:1rem 3rem}header .wrapper{display:flex;align-items:center;gap:2rem}header .wrapper nav{display:flex;gap:1rem}header .wrapper nav a{color:var(--main);text-decoration:none;font-family:MuseoModerno,sans-serif;font-size:2rem;font-weight:400;letter-spacing:-20px;transition:all .5s ease;opacity:0;pointer-events:none;border-bottom:2px solid var(--bg)}header .wrapper nav a.active{letter-spacing:0px;opacity:1;pointer-events:all}header .wrapper nav a.router-link-active{color:var(--light);pointer-events:none;border-color:var(--main)}header .wrapper nav a:hover{color:var(--light)}@media screen and (max-width: 768px){header .wrapper nav{flex-direction:column;position:fixed;left:0;top:100px;padding:1rem;background-color:var(--bg);width:100%;box-sizing:border-box;height:100vh;display:none}header .wrapper nav.open{display:flex}}#home{display:flex;gap:1rem;justify-content:space-between}#home .social-links{margin-top:calc(42px + 2rem);display:flex;flex-direction:column;gap:1rem;align-items:flex-end}#home .social-links a{color:var(--main);display:flex;align-items:center;gap:.5rem;text-decoration:none}#home .social-links a .label{font-size:1.25rem;font-weight:500;letter-spacing:-.5rem;opacity:0;transition:1s all ease}#home .social-links a svg{height:30px;width:auto}#home .social-links a svg path{fill:var(--main)}#home .social-links a:hover .label{color:#fff;letter-spacing:5px;opacity:1}#home .social-links a:hover svg path{fill:var(--light)}#work .work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}#work .work-grid .work-card{color:var(--light);text-decoration:none}#work .work-grid .work-card .frame-wrap{position:relative}#work .work-grid .work-card .frame-wrap iframe{width:100%;height:auto;aspect-ratio:4/3;zoom:.33;pointer-events:none;border:none}#work .work-grid .work-card .frame-wrap .description{display:block;width:100%;aspect-ratio:4/3;background-color:#000000e6;padding:5%;box-sizing:border-box}#work .work-grid .work-card .frame-wrap .logo-wrap{position:absolute;width:100%;display:grid;bottom:0;background-color:#000;left:0;padding:.75rem;align-items:center;justify-content:center;box-sizing:border-box;gap:.5rem;grid-template-columns:repeat(10,minmax(0,1fr))}#work .work-grid .work-card .frame-wrap .logo-wrap svg{width:auto;max-width:100%;height:auto;max-height:30px;margin:0 auto}#sports .scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}#sports .scoreboard .score-bug{display:inline-grid;grid-template-areas:"a b" "c c";background-color:#141923;padding:1rem}#sports .scoreboard .score-bug .home{grid-area:a;border-width:0 1px 0 0;border-color:var(--main);border-style:solid}#sports .scoreboard .score-bug .away{grid-area:b;border-width:0 0 0 1px;border-color:var(--main);border-style:solid}#sports .scoreboard .score-bug .block{display:flex;gap:1rem;align-items:center;padding:1rem}#sports .scoreboard .score-bug .block .logo img{width:40px;height:auto}#sports .scoreboard .score-bug .block .info{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1}#sports .scoreboard .score-bug .block .info .team{font-size:1.5rem;white-space:nowrap}#sports .scoreboard .score-bug .block .info .score{font-size:2rem;font-weight:700}#sports .scoreboard .score-bug .meta{grid-area:c;text-align:center;background-color:var(--main);padding:.5rem;color:var(--bg);font-weight:700;font-size:1.25rem;margin-top:.5rem}.coming-soon-badge{padding:3rem;display:inline-flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:0 auto;background-color:var(--main);color:var(--bg)}.coming-soon-badge p{font-family:MuseoModerno,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.coming-soon-badge svg{width:80px;height:auto}:root{--main: #22ffe9;--bg: #28282c;--light: #faf3dd}
