.projects-stack{position:relative;top:0}.projects-stack .projects-menu{z-index:100;pointer-events:none;width:12rem;height:12rem;margin-bottom:-18rem;position:sticky;top:4.8rem;left:4.8rem}@media (max-width:768px){.projects-stack .projects-menu{width:8rem;height:8rem;margin-bottom:-11.2rem;top:3.2rem;left:3.2rem}}@media (max-width:480px){.projects-stack .projects-menu{width:6.4rem;height:6.4rem;margin-bottom:-8rem;top:1.6rem;left:1.6rem}}.projects-stack .sticky-section{height:150vh;position:sticky;top:0;overflow:hidden}@media (max-width:480px){.projects-stack .sticky-section{height:125vh}}
.skills-section{height:125vh;position:relative}.skills-section .skills{height:100vh;padding:.8rem;position:sticky;top:0}@media (max-width:480px){.skills-section .skills{height:100svh;padding:.6rem}}.skills-section .skills .animation-boundary{background-color:var(--foreground);border-radius:var(--border-radius-md);width:100%;height:100%;position:relative;overflow:hidden}@media (max-width:480px){.skills-section .skills .animation-boundary{border-radius:var(--border-radius-sm)}}.skills-section .skills .animation-boundary .skill{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:100px;justify-content:center;align-items:center;width:fit-content;padding:1.6rem 3.2rem;font-size:3.2rem;display:flex}@media (max-width:480px){.skills-section .skills .animation-boundary .skill{padding:1.2rem 2.4rem;font-size:1.8rem}}.skills-section .skills .animation-boundary .skill .icon-wrapper{width:3.2rem;height:3.2rem;position:relative}.skills-section .skills .titles-container{z-index:20;justify-content:center;align-items:center;gap:4rem;width:100%;display:flex;position:absolute;top:6.8rem;left:0}@media (max-width:480px){.skills-section .skills .titles-container{flex-direction:column;gap:1.6rem}}.skills-section .skills .titles-container .click-indicator{z-index:0;border-radius:var(--border-radius-md);pointer-events:none;opacity:0;background-color:#ca1b52;width:fit-content;padding:.6rem 1.2rem;font-size:1.2rem;position:absolute;bottom:-4.5rem;left:50%;transform:translate(-50%)}@media (max-width:480px){.skills-section .skills .titles-container .click-indicator{padding:.4rem 1rem;bottom:-3rem}}.skills-section .skills .titles-container .click-indicator:after{content:"";z-index:-1;background-color:#ca1b52;border-radius:2px;width:8px;height:8px;position:absolute;bottom:80%;left:50%;transform:translate(-50%)rotate(45deg)}@media (max-width:480px){.skills-section .skills .titles-container .click-indicator:after{bottom:70%}}.skills-section .skills .titles-container .skill-heading-title{color:var(--background);cursor:pointer;opacity:.5;-webkit-user-select:none;user-select:none;transition:all .3s;position:relative}.skills-section .skills .titles-container .skill-heading-title.active{opacity:1!important}.skills-section .skills .titles-container .skill-heading-title.active:before,.skills-section .skills .titles-container .skill-heading-title.active:after,.skills-section .skills .titles-container .skill-heading-title:hover:before,.skills-section .skills .titles-container .skill-heading-title:hover:after{opacity:1}.skills-section .skills .titles-container .skill-heading-title:before,.skills-section .skills .titles-container .skill-heading-title:after{content:"";z-index:-1;pointer-events:none;opacity:0;background:url(/icons/bracket-skills.svg) 0 0/contain no-repeat;width:6px;height:24px;transition:opacity .3s ease-out;position:absolute;top:0;right:calc(100% + .6rem);transform:translateY(-25%)}.skills-section .skills .titles-container .skill-heading-title:after{right:initial;left:calc(100% + .6rem);transform:rotate(180deg)translateY(25%)}