:root{--bg-color:#050505;--text-color:#f0f0f0;--accent-color:#555;--font-display:"Anton", sans-serif;--font-body:"Inter", sans-serif;--font-serif:"Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0;cursor:none!important}html{background:var(--bg-color);scrollbar-width:none}html::-webkit-scrollbar{display:none}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);cursor:none;-webkit-font-smoothing:antialiased;overflow-x:hidden}.noise{pointer-events:none;z-index:9999;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}.cursor-dot{z-index:10000;pointer-events:none;mix-blend-mode:difference;transform-origin:3px 3px;background-image:url("data:image/svg+xml;utf8,<svg width='28' height='28' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M3 3L21 10L13 14L9 22L3 3Z' stroke='white' stroke-width='1.5' stroke-linejoin='round'/><path d='M13 14L20 21' stroke='white' stroke-width='1.5' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-size:contain;width:28px;height:28px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.cursor-dot.active{transform:scale(1.4)}.bg-orb{pointer-events:none;z-index:1;filter:blur(40px);background:radial-gradient(circle,#ffffff08 0%,#fff0 70%);border-radius:50%;width:40vw;height:40vw;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.magnetic{will-change:transform;display:inline-block}.preloader{background:var(--bg-color);z-index:99999;justify-content:flex-end;align-items:center;width:100%;height:100%;padding:2rem 4rem;display:flex;position:fixed;top:0;left:0}.preloader-counter{font-family:var(--font-display);color:var(--text-color);font-size:15vw;line-height:1}.nav{z-index:1000;mix-blend-mode:difference;justify-content:space-between;align-items:center;width:100%;padding:2rem 3rem;display:flex;position:fixed;top:0}.nav-logo{letter-spacing:1px;font-size:1rem;font-weight:500}.nav-role{color:var(--accent-color);margin-left:.5rem;font-size:.8rem}.nav-links{gap:2rem;display:flex}.nav-links a{color:var(--text-color);text-transform:uppercase;font-size:.9rem;font-weight:500;text-decoration:none;position:relative;overflow:hidden}.nav-links a:after{content:"";background:var(--text-color);width:100%;height:1px;transition:transform .3s cubic-bezier(.76,0,.24,1);position:absolute;bottom:0;left:0;transform:translate(-101%)}.nav-links a:hover:after{transform:translate(0)}@font-face{font-family:Charlemagne Bold;src:url(/assets/Charlemagne-Bold-Bw6NnwGR.ttf)format("truetype");font-weight:700;font-style:normal}#pixar-preloader{z-index:9999;background:#000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pixar-scene{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.pixar-text-container{z-index:2;gap:5vw;display:flex;position:relative}.pixar-text-container:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#fff3 0%,#fff0 70%);width:120%;height:4vw;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.pixar-word{align-items:baseline;gap:4vw;display:flex}.p-letter{color:#fff;transform-origin:50% 82%;letter-spacing:0;font-family:Charlemagne Bold,serif;font-size:18vw;font-weight:700;line-height:1;display:inline-block}.lamp-wrapper{z-index:10;opacity:0;width:15vw;height:18.75vw;position:absolute;top:0;left:0}.luxo-svg{width:100%;height:100%;overflow:visible}.luxo-group{transform-origin:100px 230px}.luxo-lower-arm{transform-origin:100px 200px}.luxo-upper-arm{transform-origin:80px 130px}.luxo-head{transform-origin:110px 60px}.luxo-bulb{transition:fill .3s,filter .3s}.luxo-bulb.look{fill:#fff;filter:drop-shadow(0 0 25px #ffffdc)}.hero{perspective:1000px;z-index:10;flex-direction:column;justify-content:center;height:100vh;padding:0 3rem;display:flex;position:relative}.hero-bg-image{z-index:0;pointer-events:none;opacity:.8;width:32vw;max-width:400px;height:55vh;position:absolute;inset:20% 0% auto auto;transform:none;-webkit-mask-image:linear-gradient(#000 80%,#0000 100%);mask-image:linear-gradient(#000 80%,#0000 100%)}.hero-bg-image img{object-fit:contain;object-position:center center;transform-origin:50%;filter:grayscale()contrast(1.2)brightness(.9);width:100%;height:100%;transform:scale(1.35)}.hero-text-wrapper{transform-style:preserve-3d;overflow:visible}.hero-title{font-family:var(--font-display);text-transform:uppercase;opacity:0;text-shadow:0 10px 30px #00000080;margin:0;font-size:clamp(5rem,15vw,15rem);line-height:.85;transform:translateY(100%)}.hero-line-1{color:#0000;-webkit-text-stroke:2px var(--text-color);margin-bottom:3rem;transition:color .5s}.hero-line-1:hover,.hero-line-1 .italic-serif{color:var(--text-color)}.italic-serif{font-family:var(--font-serif);text-transform:lowercase;color:inherit;-webkit-text-stroke:0px;padding:0 .5rem;font-style:italic;font-weight:400;display:inline-block}.icon-diamond{vertical-align:.15em;background-color:currentColor;width:.5em;height:.5em;margin:0 .1em;display:inline-block;transform:rotate(45deg)}.icon-circle{vertical-align:.02em;border:4px dashed;border-radius:50%;width:.75em;height:.75em;margin:0 .05em;animation:12s linear infinite rotateSlowly;display:inline-block;position:relative}.icon-circle:after{content:"";background-color:currentColor;border-radius:50%;width:.25em;height:.25em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotateSlowly{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-subtext{opacity:0;justify-content:space-between;align-items:flex-end;margin-top:2rem;display:flex}.hero-desc{color:var(--accent-color);max-width:300px;font-size:1.1rem;line-height:1.5}.scroll-down{text-transform:uppercase;letter-spacing:2px;font-size:.8rem}.about{flex-direction:column;padding:0 3rem 4rem;display:flex;position:relative}.about-text{max-width:1200px;margin:0 auto;font-size:clamp(2rem,4vw,4rem);font-weight:400;line-height:1.2}.about-text .word{opacity:.2}.skills-marquee-container{width:100%;margin-top:4rem;position:relative;overflow:hidden}.skills-marquee{white-space:nowrap;font-family:var(--font-display);color:#0000;-webkit-text-stroke:2px #ffffffb3;width:max-content;font-size:8rem;line-height:1;display:flex}.experience{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;padding:4rem 3rem 8rem;display:flex}.experience-container{width:100%;max-width:1200px;margin:0 auto}.experience-list{flex-direction:column;display:flex}.experience-item{opacity:0;border-top:1px solid #ffffff1a;grid-template-columns:1fr 2fr 1fr;gap:2rem;padding:3rem 0;transition:all .4s;display:grid;transform:translateY(40px)}.experience-list:hover .experience-item{opacity:.2}.experience-list .experience-item:hover{opacity:1}.exp-period{color:var(--accent-color);font-family:var(--font-body);font-size:1rem}.exp-role{margin-bottom:.5rem;font-size:2rem;font-weight:500;transition:color .3s}.experience-item:hover .exp-role{color:var(--accent-color)}.exp-company{color:#aaa;letter-spacing:1px;margin-bottom:1rem;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:400}.exp-desc{color:#888;font-size:1rem;line-height:1.6}.projects{background:var(--text-color);height:100vh;color:var(--bg-color);position:relative}.projects-pin-wrapper{align-items:center;height:100vh;display:flex;overflow:hidden}.projects-scroll-content{align-items:center;width:max-content;height:100%;padding:0 3rem;display:flex}.panel{flex-direction:column;flex-shrink:0;justify-content:center;width:100vw;height:80vh;padding:0 2rem;display:flex}.projects-header{width:50vw}.projects-title{font-family:var(--font-display);font-size:12vw;line-height:.85}.projects-line-1{margin-bottom:3rem}.outline-text{color:#0000;-webkit-text-stroke:2px var(--bg-color)}.outline-text .italic-serif,.outline-text .icon-diamond,.outline-text .icon-circle{color:var(--bg-color);-webkit-text-stroke:0px}.project-panel{width:60vw;padding-right:5vw}.project-image-wrapper{background:#222;width:100%;height:70%;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.project-panel:hover .project-image-wrapper{transform:scale(.97);box-shadow:0 20px 40px #0009}.project-image{background-position:50%;background-size:cover;width:100%;height:100%}.bg-1{background-image:url(https://images.unsplash.com/photo-1618005182384-a83a8bd57fbe?q=80&w=2564&auto=format&fit=crop)}.bg-2{background-image:url(https://images.unsplash.com/photo-1550745165-9bc0b252726f?q=80&w=2000&auto=format&fit=crop)}.bg-3{filter:grayscale();background-image:url(https://images.unsplash.com/photo-1629904853716-f0bc54eea481?q=80&w=2000&auto=format&fit=crop)}.project-info{border-top:1px solid #0000001a;justify-content:space-between;align-items:center;margin-top:1.5rem;padding-top:1rem;display:flex}.project-info h3{font-size:1.5rem;font-weight:500;transition:color .3s}.project-panel:hover .project-info h3{color:var(--accent-color)}.project-info p{color:#666;font-size:.9rem}.contact{background:var(--bg-color);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.contact-content{text-align:center;width:100%}.contact-title{font-family:var(--font-display);cursor:pointer;margin-bottom:2rem;font-size:15vw;line-height:.8;transition:color .3s}.contact-title:hover{color:#0000;-webkit-text-stroke:2px var(--text-color)}.contact-details{justify-content:space-between;align-items:center;width:100%;margin-top:3rem;padding:0 4rem;display:flex}.contact-link{color:var(--text-color);font-size:1.2rem;text-decoration:none;position:relative}.contact-link:after{content:"";background:var(--text-color);transform-origin:100%;width:100%;height:1px;transition:transform .4s cubic-bezier(.76,0,.24,1);position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.contact-link:hover:after{transform-origin:0;transform:scaleX(1)}.socials{gap:2rem;display:flex}.socials a{color:var(--text-color);text-transform:uppercase;font-size:1.2rem;text-decoration:none;transition:color .3s,transform .3s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.socials a:hover{color:var(--accent-color);transform:scale(1.2)}.location{color:var(--accent-color);letter-spacing:2px;font-size:.9rem}.footer{width:100%;color:var(--accent-color);justify-content:space-between;padding:0 4rem;font-size:.8rem;display:flex;position:absolute;bottom:2rem}@media (width<=768px){.experience-item{grid-template-columns:1fr;gap:1rem}.projects-scroll-content{padding:0 1rem}.projects-header,.project-panel{width:85vw}.contact-details{flex-direction:column;gap:2rem}}