.exp-data{position:relative;display:flex;flex-direction:column;align-items:flex-end;right:0;height:95vh;overflow:hidden}.exp-item{position:relative;display:grid;font-size:12px;padding:1rem;text-align:end;cursor:pointer;transition:all .5s ease-out;width:70%;place-content:end;right:0}.exp-item:before{content:"";position:absolute;top:0;right:0;width:0;z-index:-1;border:1px solid transparent;transition:all .5s ease-out}.exp-item:hover{right:20px;scale:1.1;box-shadow:10px 10px 10px #ffffff13}.exp-item:hover:before{border:1px solid #f5f5f5;width:80%}.exp-data{padding:1rem 1.5rem}.year{color:#757474;font-weight:700}.title{font-size:14px;font-weight:700}.position{font-size:12px;color:#a19e9e;font-weight:700}.tags{color:#757474}.cursor-follower{position:absolute;top:0;left:0;width:60px;height:60px;background-color:#c0b9b9;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;mix-blend-mode:difference}.skills{margin-top:1rem;font-size:12px;display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer}.skills>span{color:#757474;font-weight:700}.skill-tags{width:80%;text-align:justify}.skills-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.resume-link:hover>.cursor-follower{transition:all .5s ease-out}.resume-link{padding:6px 12px;border-radius:5px}.resume-link:hover{color:#fff;transition:all .5s ease-out;box-shadow:5px 5px 5px #ffffff54;position:relative}.resume-link:hover:after{content:"";position:absolute;top:-2px;left:-2px;bottom:-2px;right:-2px;background:linear-gradient(45deg,#462ae2,#e92a2a);z-index:-1;border-radius:5px;transition:all .5s ease-out}.modal{position:fixed;z-index:80;top:0;left:0;width:100vw;height:100vh;background:#000000e7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:flex-end;align-items:center;overflow:scroll;transition:all .5s ease-out}.modal-entire{background-color:#000;position:fixed;z-index:2002}.close{position:fixed;top:10px;left:10px;color:#757474;z-index:90;text-decoration:none}.close:hover{color:#fff}.modal-content{width:55%;height:100%;display:flex;flex-direction:column;background-color:#000}.modal-media{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal-details{display:flex;flex-direction:column;background-color:#000}.modal-details>h2{color:#fff;font-size:2rem}.modal-details>p{color:#a8a5a5;font-size:1rem}.modal-details>span{color:#666565;font-size:1rem}.modal-job{display:flex;padding-right:20px;justify-content:space-between}.hide{opacity:0;visibility:hidden}.open{visibility:visible;opacity:1;transition:all .5s ease-out}@media screen and (max-width: 768px){.modal-entire{background-color:#000;position:fixed;top:0;z-index:2002;display:flex;flex-direction:column;gap:20px;width:100%;height:100vh;overflow:scroll}.close{position:relative;z-index:201;display:block}.modal{position:relative;width:100%;height:100%;background-color:#000;display:relative;z-index:200}.modal-media{width:100%;height:30%;display:flex;justify-content:center;align-items:center}.modal-content{position:fixed;width:100%;display:flex;flex-direction:column;justify-content:flex-start;height:100%}.modal-details{height:fit-content;padding:.5rem 1rem}.modal-details>h2{height:fit;font-size:1.5rem}.modal-details>p{height:fit-content;text-align:justify;font-size:1rem}.modal-details>span{height:fit-content;font-size:1rem}.modal-job{height:fit-content;padding-right:0}}.RecordPlayer{height:238px;width:238px;position:relative;--spin-duration:30s;z-index:101}.RecordImage{position:absolute;top:0;left:0;z-index:101;height:100%;width:100%;transition:all .3s ease-out}.RecordImage:hover{transform:scale(.9)}.RecordImage:active{transform:scale(.85)}.wrapper-text{position:absolute;top:-12.5px;left:-12.5px;z-index:101;transform:scale(.8)}.record-playing{transform:rotate(0) .5s ease-out;transition:transform 10s linear;animation:spin 10s linear infinite}.record-paused{transform:rotate(0) .5s ease-out;transition:transform 45s linear;animation:spin 45s linear infinite}@keyframes spin{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.home-layout{height:100vh;width:100vw;display:flex;justify-content:space-between;position:fixed;z-index:26;background-color:#000}.hero-section{width:64.5%;display:flex;flex-direction:column;justify-content:flex-start;gap:23%;overflow-x:hidden}.details{padding:.7rem 1.5rem;display:flex;flex-direction:row;gap:45%;justify-content:flex-start}.vinyl{position:fixed;z-index:35;top:33%;left:17%;height:238px;width:238px;transform:scale(1);transition:all .5s ease-out}.experience{height:100%;width:34.5%}.socials{font-size:12px;color:#757474;cursor:pointer;font-weight:700}a{text-decoration:none;color:#757474;font-weight:400;transition:all .5s ease-out}a:hover{color:#dfdede}li{list-style-type:none}ul{padding:0;margin:1px}.menu-socials{position:absolute;z-index:3;top:3.6rem;font-size:14px;transition:all .5s ease-out;visibility:hidden;opacity:0}.socials:hover>.plusicon{transform:rotate(90deg)}.socials:hover+.menu-socials{visibility:visible;opacity:1}.menu-socials:hover{visibility:visible;opacity:1}.socials{display:flex;justify-content:flex-start;gap:5px;align-items:center}.plusicon{font-size:14px;transition:all .5s ease-out}.place{color:#757474;font-size:14px}.designation{display:flex;flex-direction:column}.divider-text{font-size:12px;font-weight:700;color:#505050;writing-mode:vertical-lr;width:1%;overflow:hidden;cursor:default;pointer-events:none}.about-section{margin-top:100vh;display:flex;flex-direction:row;justify-content:flex-start;position:absolute;z-index:30;background:#000;width:100vw}.showcase{display:flex;flex-direction:column;gap:1rem;width:100%;padding:0 2%;margin-bottom:2rem;box-sizing:border-box;text-align:justify;line-height:1.5rem;font-size:12px}.showcase-media>img{width:100%;height:auto;object-fit:cover;cursor:pointer}.showcase-media>video{width:100%;height:auto;object-fit:cover;cursor:pointer}.about-content{font-size:12px;line-height:1.5rem;text-align:justify;padding:10px}.myself:hover,.events:hover{cursor:url(/assets/next-7_cqqhZF.ico),pointer}.volunteering{margin:5% 2%;display:flex;flex-direction:column;gap:1rem;text-align:start}.volunteer-item{width:100%;display:flex;justify-content:space-between}.volunteer-item>div{width:100%}.volunteer-year{text-align:end;color:#505050}.volunteer-title{color:#757474}.cursor-gallery{position:fixed;z-index:1000;width:fit-content;height:auto;padding:2px 10px;border-radius:50px;background-color:#dad9d9;color:#000}@media screen and (max-width: 768px){.home-layout{overflow-x:hidden;flex-direction:column;position:relative}.hero-section{width:100%;height:fit-content;gap:0}.experience{overflow:hidden;width:100%}.exp-data{overflow:hidden}.vinyl{top:10%;left:50%;transform:scale(.5)}.details{gap:25px}.socials{font-size:10px}.menu-socials{top:3.5rem}.place,.divider-text{font-size:10px}.showcase{padding:0}.showcase-media>img{width:100%;height:auto}.showcase-media>video{width:100%;height:auto}.about-content{font-size:10px}.volunteering{margin:5% 2%}.volunteer-item{flex-direction:column;gap:1rem}.volunteer-year,.volunteer-title{text-align:start}.cursor-gallery{padding:2px 5px}.about-section{flex-direction:column;display:flex;margin-top:0;position:relative;z-index:25}.mobile-alert{width:100%;position:sticky;text-align:left;font-size:small;top:0;padding:.25rem .5rem;margin:0;z-index:10000;color:#000;background-color:#fff}}.scrollable{width:100%;flex:1;opacity:.5;color:#757474;transition:all .5s ease-out;overflow-y:hidden;height:100vh;position:relative;-ms-overflow-style:none;scrollbar-width:none}.scrollable::-webkit-scrollbar{display:none}.scrollable:hover{opacity:1;color:#fff}@media screen and (max-width: 768px){.scrollable{width:100%;opacity:1;color:#fff;transition:all .5s ease-out;overflow:visible}.scrollable-contents{padding:.5rem 1rem}}.sticky-heading{width:100%;height:60px;display:flex;padding-left:2%;justify-content:flex-start;align-items:center;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:sticky;top:0;z-index:100;box-sizing:border-box}.gallery{overflow:none;cursor:pointer}:root{font-family:Source Code Pro,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;padding:0;margin:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#000;--colour-primary: #051090}html,body{padding:0;margin:0;color:#fff;scroll-behavior:smooth}*::-webkit-scrollbar{width:0px}