*{margin:0;padding:0;box-sizing:border-box;font-family:Host Grotesk,sans-serif;--hover-color: hsl(22, 64%, 49%)}html,body{background-color:#eaeaea;width:100%;font-family:Host Grotesk,sans-serif;overflow-x:hidden}.index{display:flex;flex-direction:column;min-height:100vh;background-size:200% 200%;background-color:#eaeaea}.home-container{flex:1;z-index:0;display:flex;margin-top:15vh;flex-direction:column;width:100%;justify-content:center;align-items:center}.navbar-container{z-index:10;position:fixed;top:0;left:0;width:100%;height:8em;display:flex;justify-content:space-between;align-items:center;background-color:none;bottom:env(safe-area-inset-bottom,0);transition:background-color .5s ease,backdrop-filter .5s ease}.navbar-container.scrolled{background-color:#2a2a2a9b;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);color:beige}.navbar-container.scrolled a{color:#fff}.navbar-container ul{display:flex;flex-direction:row;margin-right:5rem;gap:3rem;align-items:center;list-style:none}.navbar-container ul li a{text-decoration:none;color:#000;font-weight:600;font-size:1.5em;transition:color .2s ease}.navbar-container ul li.active a{color:var(--hover-color)}.navbar-container ul li a:hover{color:var(--hover-color);cursor:pointer}.side-nav{position:fixed;top:0;right:-100%;width:70%;height:100%;background:#1a0e02f2;color:#fff;display:flex;flex-direction:column;align-items:left;justify-content:center;text-align:left;transition:right .3s ease-in-out;z-index:200}.side-nav.open{right:0}.side-nav ul{list-style:none;display:flex;flex-direction:column;gap:2rem;text-align:left;padding:2rem;width:100%}.side-nav li{width:100%}.side-nav a{color:#fff;text-decoration:none;font-size:1.5rem;padding-right:9rem;width:100%}.close-btn{position:absolute;top:1.5rem;right:1.5rem;font-size:1.5rem;cursor:pointer}.nav-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000097;z-index:150}.hamburger{display:none}.logo{margin-left:7rem}.logo-link{display:flex;flex-direction:column;text-decoration:none;color:#000;font-family:Host Grotesk,sans-serif;transition:color .2s ease}.logoname{font-weight:600;font-size:1.7rem;line-height:normal}.logosubtitle{display:flex;align-items:center;font-size:1rem;margin-top:0rem;font-weight:300}.logo:hover{cursor:pointer}@media (max-width: 1050px){.hamburger{display:flex;justify-content:center;position:absolute;right:0;z-index:20;margin-right:1.5rem;font-size:1.7rem;padding:.5rem}.navbar-container{height:11vh}.navbar-container ul{display:none}.logo{margin-left:2rem}.logo a{font-size:1.5rem}.logosubtitle{display:none}}.bottom-bar{z-index:1;font-size:.9rem;font-weight:200;margin:1rem auto;display:flex;align-items:center;justify-content:center;background-color:#0b0b0b9b;padding:.8rem 1rem;border-radius:.5rem;width:fit-content;overflow-y:hidden;height:100%}.bottom-bar h3{display:flex;color:#fff;font-family:Inter,sans-serif;align-items:center;gap:.5rem;margin-right:2rem}.left-info{display:flex;align-items:center;justify-content:flex-start}.right-info{display:flex;align-items:center;justify-content:center;height:100%}.bottom-bar h3{font-weight:400}h3 a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.home-content-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;max-width:1600px;width:100%;gap:10rem;opacity:0;animation:fadeIn .6s ease forwards}.home-image img{width:20rem;height:auto}@media screen and (min-width: 1500px){.home-image img{width:27rem}}.home-text{text-align:left;max-width:25rem;-webkit-user-select:none;user-select:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.home-text h1{font-size:4.5rem;font-weight:600;letter-spacing:-4px}.home-text{text-align:left}.home-text h2{font-size:1.15rem;font-weight:300;margin-top:.5rem}.home-text p{font-size:1.4rem;font-weight:300;margin-top:40px;letter-spacing:-.5px}.home-name{height:100%}.home-name h1{overflow:hidden;line-height:1;font-size:5rem}.home-name h2{font-size:1.3rem}.socials-icons{display:flex;width:11rem;height:auto;gap:2rem;font-size:2.4rem;margin-top:2rem;color:#000;list-style:none}.socials-icons li a{color:inherit;text-decoration:none}.socials-icons li a{text-decoration:none}.socials-icons li a{padding:0;transition:color .2s ease}.socials-icons li a:hover{cursor:pointer;color:var(--hover-color)}.player{margin-top:30px}.title-bar{display:flex;position:relative;background-color:#eaeaea;height:12vh;align-items:center;justify-content:center;margin-top:15vh}.title-content-wrapper{display:flex;width:1500px;justify-content:center;align-items:center}.title-bar h1{font-size:1.7rem;color:#000}@media screen and (max-width: 800px){.title-bar{height:6vh}}.page-content{flex:1;display:flex;flex-direction:column;padding-top:0;background-color:#eaeaea}.page-content-container{overflow-y:auto;flex-direction:column;background-image:linear-gradient(to left,#2a1803,#2a1801,#211201);min-height:80vh}.modal-overlay{position:fixed;backdrop-filter:blur(.2rem);-webkit-backdrop-filter:blur(.2rem);cursor:default;top:0;left:0;width:100%;height:100%;background:#00000063;display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeInOverlay .3s forwards;z-index:100}@keyframes fadeInOverlay{to{opacity:1}}.modal-content{background:#0000006a;z-index:101;border:solid .1rem rgba(255,255,255,.168);padding:1.8rem;position:relative;display:flex;justify-content:center;border-radius:1.4rem;align-items:center;max-width:89%;width:80%;min-height:10%;max-height:92%;overflow:hidden;transform:scale(.8);opacity:0;animation:scaleIn .2s forwards}@keyframes scaleIn{to{transform:scale(1);opacity:1}}.modal-close{position:absolute;color:#fff;top:1rem;right:1rem;background:transparent;border:none;font-size:1.2rem;cursor:pointer}.modal-content iframe{width:99%;aspect-ratio:16 / 9;border:none;border-radius:.2rem}@media (max-width: 1050px){.modal-content{width:100%;padding:1rem}.modal-close{display:none}.home-container{padding:1rem;height:80%}.home-content-wrapper{flex-direction:column-reverse;align-items:center;justify-content:center;margin-top:-3rem;gap:1rem;height:100%}.bottom-bar{width:100%;height:6rem;align-items:center;flex-direction:column;justify-content:center;gap:0;margin-top:-1rem;background:none;overflow-y:hidden;margin-left:1rem}.bottom-bar h3{margin:0;color:#000}.home-image img{width:21rem;height:12rem;object-fit:cover;border-radius:1rem;overflow:hidden}.left-info{display:flex;width:100%;justify-content:flex-start;align-self:start}.right-info{display:flex;width:100%;flex-direction:column;justify-content:start;align-items:start;gap:0;height:100%}.home-text{display:flex;flex-direction:column;align-items:center;text-align:left;width:30rem;-webkit-user-select:none;user-select:none;padding:1rem}.home-name{width:90%}.bio{display:flex;align-items:center;padding:1rem;font-size:1rem}.socials-icons{display:flex;align-items:center;justify-content:left;padding:1rem;margin-top:-.5rem;width:100%}.socials-icons ul{display:flex;list-style-type:none;list-style:none}}