html,body{font-family:Inter,sans-serif;cursor:none;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}*{cursor:none!important}.smooth-scroll-wrapper{position:fixed;top:0;left:0;width:100%}#portfolio-container{opacity:0;transition:opacity .4s ease}::selection{background-color:#fff;color:#000}.hero-background-image{position:absolute;top:0;left:0;width:100%;height:500px;object-fit:cover;z-index:-1;pointer-events:none}#hero-dots-canvas{position:absolute;top:0;left:0;width:100%;height:300px;z-index:0;pointer-events:none;mix-blend-mode:color-dodge}#custom-scrollbar-track{position:fixed;top:0;right:0;width:10px;height:100vh;background-color:#1e1e1e4d;opacity:0;transition:opacity .4s ease-in-out;z-index:9990;pointer-events:none}#custom-scrollbar-track.scrolling{opacity:1}#custom-scrollbar-thumb{position:absolute;top:0;left:2px;right:2px;background-color:#787878b3;border-radius:4px;will-change:transform,height}.custom-cursor{position:fixed;left:0;top:0;width:32px;height:32px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background-color:#ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;z-index:9999;opacity:0;transition:opacity .3s ease,width .3s ease,height .3s ease,background-color .3s ease}.custom-cursor.hover{width:48px;height:48px;background-color:#fff3}.custom-cursor.image-hover{width:0;height:0;border-width:0;opacity:0}.view-btn{position:fixed;left:0;top:0;opacity:0;transition:opacity .3s ease;pointer-events:none;padding:8px 16px;overflow:hidden;box-shadow:3px 10px 21.8px -10px #00000040;-webkit-backdrop-filter:blur(16.75px) brightness(100%);backdrop-filter:blur(16.75px) brightness(100%);background:radial-gradient(50% 50% at 63% 59%,#0000001a,#0000),linear-gradient(0deg,#000000a3 0% 100%);border-radius:58px;z-index:9998}.view-btn span{text-shadow:0px 2px 7.8px rgba(0,0,0,.25);background:linear-gradient(179deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-family:Inter,sans-serif;font-weight:500;color:transparent;font-size:18px;line-height:normal}.btn-glass{box-shadow:3px 10px 21.8px -10px #00000040;backdrop-filter:blur(16.75px) brightness(100%);-webkit-backdrop-filter:blur(16.75px) brightness(100%);background:radial-gradient(50% 50% at 63% 59%,#ffffff1a,#fff0),linear-gradient(0deg,#ffffff26 0% 100%)}.btn-glass:hover{background:radial-gradient(50% 50% at 63% 59%,#ffffff1a,#fff0),linear-gradient(0deg,#ffffff40 0% 100%);transition:transform .2s ease-in-out}.btn-glass span{text-shadow:0px 2px 7.8px rgba(0,0,0,.25);background:linear-gradient(179deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.img-wrapper{overflow:hidden}.img-wrapper img{transition:transform .4s ease-out;transform:scale(1)}.img-wrapper.zoomed img{transform:scale(1.03)}@keyframes fadeInUnblur{0%{opacity:0;filter:blur(10px);transform:translateY(20px)}to{opacity:1;filter:blur(0px);transform:translateY(0)}}.reveal-animation{animation:fadeInUnblur .6s ease-out forwards}.await-reveal{opacity:0;filter:blur(10px);will-change:opacity,filter,transform}.section-text{position:sticky;top:64px;align-self:flex-start}@media(max-width:767px){.section-text{position:static}}@media(hover:none)and (pointer:coarse),(max-width:1024px){.custom-cursor,.view-btn,#custom-scrollbar-track,#custom-scrollbar-thumb{display:none!important}html,body,*{cursor:auto!important}body.mobile-native-scroll .smooth-scroll-wrapper{position:static!important;margin-top:0!important}}
