.homeExperienceWrapper{align-items:center;background-color:#5757578e;border-radius:50px;box-shadow:0 8px 32px #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;position:relative;width:100%}.homeExperienceWrapper:hover .homeExperienceThumbnail{opacity:0}.homeExperienceWrapper:hover .homeExperienceVideo{filter:grayscale(0);opacity:1}.homeExperienceWrapper:hover .homeExperienceTitle h2{color:#000;font-size:clamp(1.2rem,5cqw,3.5rem);opacity:.5;text-transform:uppercase}.homeExperienceBackground{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;transform:scale(var(--scale,1)) translate(var(--x,0),var(--y,0));transition:filter .5s ease,opacity .5s ease;width:100%}.homeExperienceThumbnail{filter:grayscale(100%);opacity:.1}.homeExperienceVideo{filter:grayscale(100%);left:0;opacity:0;position:absolute;top:0}.homeExperienceTitle{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:opacity .5s ease;width:100%;z-index:1}.homeExperienceTitle h2{transition:color .5s ease}.homeProfileWrapper{align-items:center;background-color:#5757578e;border:1px solid hsla(0,0%,100%,.15);border-radius:50px;box-shadow:0 8px 32px #00000026;box-sizing:border-box;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:flex-start;padding:1svh}.homeProfile,.homeProfileWrapper{-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;width:100%}.homeProfile{background-color:#0000004b;border-radius:40px;flex:1;min-height:0}.homeProfile img{border-radius:25px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.homeProfileInfo{color:#fff;display:flex;flex-direction:column;justify-content:center;margin-left:1svw;width:100%}.homeProfileImage{border-radius:25px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.homeTechStackWrapper{align-items:flex-start;background-color:#5757578e;border:1px solid hsla(0,0%,100%,.15);border-radius:50px;box-shadow:0 8px 32px #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:1svh;width:100%}.homeTechStackTitle{margin-left:1svw;width:100%}.homeTeckStackItems{align-content:center;background-color:#00000041;border-radius:clamp(20px,3vw,40px);box-sizing:border-box;display:flex;flex:1;flex-wrap:wrap;gap:clamp(10px,3cqw,20px);justify-content:space-around;min-height:0;overflow-y:auto;width:80%}.homeTechStack{display:flex;height:100%;width:100%}.homeTechStackButtonWrapper{background-color:#00000041;display:flex;height:100%;width:20%}.homeTechStackItem{aspect-ratio:1/1;border-radius:50%;cursor:pointer;display:block;flex-shrink:0;height:60%;transition:transform .3s ease}.homeTechStackItem:hover{transform:scale(1.2)}.background-anim{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.background-anim canvas{display:block;height:100%;width:100%}.homeInfoWrapper{align-items:flex-start;background-color:#5757578e;border:1px solid hsla(0,0%,100%,.15);border-radius:50px;box-shadow:0 8px 32px #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;padding:1svh;width:100%}.homeInfoTitle{margin-left:1svw;width:100%}.homeInfo{align-content:flex-start;background-color:#00000041;border-radius:clamp(20px,3vw,40px);box-sizing:border-box;container-type:inline-size;display:flex;flex:1;flex-wrap:wrap;justify-content:flex-start;min-height:0;overflow-y:auto;width:100%}.homeInfo p{background-color:red;margin:1.5svw}.homeInfoButtonWrapper{display:flex;height:auto;margin:0 0 0 1.5svw;padding:0;width:25%}.homeInfoButton{background-color:#0000004b;border:1px solid rgba(224,0,0,.15);border-radius:50px;color:#fff;cursor:pointer;font-family:Roboto;font-size:clamp(14px,2vw,18px);height:100%;padding:.5svh 2svw;transition:all .3s ease;width:100%}.homeInfoButton:hover{background-color:#ffffff1a;box-shadow:0 12px 48px #00000040;transform:translateY(-2px)}.homeProjectsWrapper{align-items:center;background-color:#5757578e;border-radius:50px;box-shadow:0 8px 32px #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:hidden;position:relative;width:100%}.homeProjectsWrapper:hover .homeProjectsBackground{filter:grayscale(0);opacity:1}.homeProjectsWrapper:hover .homeProjectsTitle h2{color:#000;font-size:clamp(1.2rem,5cqw,5.5rem);opacity:.5;text-transform:uppercase}.homeProjectsBackground{filter:grayscale(100%);height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:.1;position:absolute;top:0;transform:scale(var(--scale,1)) translate(var(--x,0),var(--y,0));transition:filter .5s ease,opacity .5s ease;width:100%}.homeProjectsTitle{align-items:center;display:flex;height:100%;justify-content:center;pointer-events:none;position:absolute;text-shadow:0 2px 4px rgba(0,0,0,.5);transition:opacity .5s ease;width:100%;z-index:1}.homeProjectsTitle h2{transition:color .5s ease}.homeSocialsWrapper{align-items:center;background-color:#5757578e;border:1px solid hsla(0,0%,100%,.15);border-radius:50px;box-shadow:0 8px 32px #00000026;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:1svh;width:100%}.homeSocialsTitle{margin-left:1svw;width:100%}.homeSocials{background-color:#00000041;border-radius:clamp(20px,3vw,40px);box-sizing:border-box;flex:1;flex-wrap:wrap;gap:clamp(10px,3cqw,20px);justify-content:space-around;min-height:0;overflow-y:auto;width:100%}.homeSocials,.homeSocialsItem{align-items:center;display:flex}.homeSocialsItem{aspect-ratio:1/1;border-radius:50%;cursor:pointer;flex-shrink:0;height:68%;justify-content:center;transition:transform .3s ease;width:auto}.homeSocialsItem:hover{transform:scale(1.2)}.homeSocialsItem svg{fill:#fff;height:100%;width:100%}.homeSocialsItem#githubSocial{height:63%}.homeSocialsItem#linkedinSocial{height:54%}.homeSocialsItem#emailSocial{height:58%}.homePageWrapper{align-items:center;background:#0a0200;display:flex;height:100svh;justify-content:center;overflow:hidden;width:100%}.homePage,.homePageWrapper{box-sizing:border-box;position:relative}.homePage{display:grid;gap:5rem;grid-template-columns:1fr 2fr;height:calc(100svh - 10rem);width:70%;z-index:1}.grid-item{border-radius:50px;cursor:pointer;-webkit-mask-image:-webkit-radial-gradient(#fff,#000);overflow:hidden;transform:translateZ(0)}.grid-item.animated{transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(var(--scale,1)) translateZ(0);transition:transform var(--transition-speed,.5s) cubic-bezier(.23,1,.32,1);will-change:transform}.grid-item.animated:hover{--scale:1.05;z-index:10}.grid-item.nolink{cursor:default}.left-grid,.right-grid{display:grid;gap:3rem;grid-template-rows:4.5fr 1fr;height:calc(100svh - 10rem)}.right-grid-upper{display:grid;gap:3rem;grid-template-rows:3fr 1fr}.right-grid-lower{display:grid;gap:3rem;grid-template-columns:1fr 1.5fr}@media(max-width:1024px)and (max-height:600px)and (orientation:landscape),(max-width:1024px)and (orientation:portrait){.homePageWrapper{height:auto;min-height:100svh;overflow-y:auto;padding:4rem 0}.background-anim{position:fixed}.homePage{grid-template-columns:1fr;height:auto;width:90%}.left-grid,.right-grid{grid-template-rows:auto auto;height:auto}}@media(max-height:500px)and (orientation:landscape),(max-width:768px)and (orientation:portrait){.homePage{width:92%}.right-grid-lower{grid-template-columns:1fr}.grid-item{border-radius:35px;min-height:250px}}