:root{--bg-color: #0d0d0d;--text-color: #f5f5f7;--accent-color: #7736FF;--secondary-color: #86868b;--card-bg: #151515;--border-color: rgba(255, 255, 255, .1);--transition: all .4s cubic-bezier(.4, 0, .2, 1);font-family:Manrope,system-ui,-apple-system,sans-serif;color-scheme:dark;background-color:var(--bg-color);color:var(--text-color);--section-spacing: 2rem;--footer-bottom: 24px;--loader-bg: #0d0d0d}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--loader-bg);display:flex;flex-direction:column;justify-content:space-between;padding:3rem 4vw;z-index:10000;font-family:Manrope,sans-serif;transition:transform .8s cubic-bezier(.85,0,.15,1),opacity .8s ease}#loader.fade-out{opacity:0;pointer-events:none;transform:translateY(-100%)}.loader-top{font-size:.8rem;font-weight:600;letter-spacing:.4em;color:var(--secondary-color);opacity:0;animation:fadeInDown .8s forwards .2s}.loader-center{flex:1;display:flex;align-items:center;justify-content:center}.loader-word-wrapper{height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}#loader-word{font-size:clamp(2.5rem,12vw,5rem);font-weight:800;line-height:1;color:var(--text-color);text-transform:uppercase;letter-spacing:.05em;opacity:0;will-change:transform,opacity}.loader-bottom{display:flex;flex-direction:column;align-items:flex-end;gap:1.5rem}#loader-percent{font-size:clamp(4rem,15vw,10rem);font-weight:800;line-height:.8;color:var(--text-color);font-variant-numeric:tabular-nums;letter-spacing:-.04em}.loader-bar-container{width:100%;height:2px;background:#ffffff1a;position:relative;overflow:hidden}#loader-bar{position:absolute;top:0;left:0;height:100%;width:100%;background:var(--accent-color);transform:scaleX(0);transform-origin:left;box-shadow:0 0 20px var(--accent-color)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.word-reveal-up{animation:wordRevealUp .6s cubic-bezier(.2,.8,.2,1) forwards}.word-reveal-down{animation:wordRevealDown .6s cubic-bezier(.2,.8,.2,1) forwards}@keyframes wordRevealUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes wordRevealDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden;width:100%;cursor:url(/assets/images/cursor.webp),auto}body{line-height:1.6;overflow-x:hidden;width:100%;cursor:url(/assets/images/cursor.webp),auto;background-color:var(--bg-color);background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='1.2' fill='white' fill-opacity='0.1'/%3E%3C/svg%3E");background-size:40px 40px;background-position:0 0;background-attachment:fixed}.dots-interaction{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;display:none;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='1.2' fill='%23A399FF' fill-opacity='1'/%3E%3C/svg%3E");background-size:40px 40px;background-attachment:fixed;-webkit-mask-image:radial-gradient(circle at var(--mouse-x, -999px) var(--mouse-y, -999px),black 0%,transparent 130px);mask-image:radial-gradient(circle at var(--mouse-x, -999px) var(--mouse-y, -999px),black 0%,transparent 130px)}@media(hover:hover)and (pointer:fine){.dots-interaction{display:block}}a,button,.btn,.burger-menu,[role=button],.project-card,.skill-card{cursor:url(/assets/images/cursor-1.webp),pointer}.mobile-only{display:none!important}.desktop-only{display:block}.reveal{opacity:0;transform:translateY(30px);transition:opacity .5s ease-out,transform .5s ease-out}.reveal.active{opacity:1;transform:translateY(0)}@media(hover:hover)and (pointer:fine){.reveal{opacity:0;transform:translateY(24px) scale(.96);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.reveal.active{opacity:1;transform:translateY(0) scale(1)}}.container{max-width:1100px;margin:0 auto;padding:0 2rem}section[id],footer[id]{scroll-margin-top:100px}.nav{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;background:transparent;z-index:1000;transform:none!important;transition:none!important}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px}.glass-bubble{background:#0f0f0f80;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(255,255,255,.04);border-top:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 2px #ffffff0d;border-radius:999px;display:flex;align-items:center;transition:background .3s ease,border-color .3s ease}.glass-bubble:hover{background:#19191999}.logo.glass-bubble{padding:.85rem 1.6rem;min-height:60px}.nav-actions.glass-bubble{padding:.95rem 2.2rem;gap:1.8rem;min-height:60px}.back-button.glass-bubble{position:fixed;top:calc(var(--nav-height) + 10px);left:4vw;z-index:100;width:52px;height:52px;justify-content:center;color:var(--text-color);text-decoration:none;transition:var(--transition);background:#ffffff14;border:1px solid rgba(255,255,255,.15)}@media(hover:hover)and (pointer:fine){.back-button.glass-bubble:hover{transform:translate(-6px);background:#ffffff26}}@media(max-width:768px){.back-button.glass-bubble{top:auto;bottom:2rem;left:1.5rem;width:48px;height:48px}}.logo{font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.logo a{text-decoration:none;color:inherit;transition:var(--transition);display:flex;align-items:center}.logo a{display:flex}.nav-logo-img{height:32px;width:auto;display:block;transition:var(--transition)}@media(hover:hover)and (pointer:fine){.logo a:hover .nav-logo-img{filter:drop-shadow(0 0 10px rgba(255,255,255,.5)) brightness(1.2)}}.nav-links{display:flex;list-style:none;gap:3.5rem}.nav-links a{text-decoration:none;color:var(--text-color);font-size:1.1rem;font-weight:600;transition:var(--transition)}@media(hover:hover)and (pointer:fine){.nav-links a:hover{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.4)}}.burger-menu{display:none;width:24px;height:16px;background:transparent;border:none;cursor:url(/assets/images/cursor-1.webp),pointer;padding:0;z-index:1001;position:relative}.burger-menu span{display:block;position:absolute;left:0;width:100%;height:2px;background:var(--text-color);border-radius:10px;transition:var(--transition);transform-origin:center}.burger-menu span:nth-child(1){top:0}.burger-menu span:nth-child(2){top:7px}.burger-menu span:nth-child(3){top:14px}.burger-menu.active span:nth-child(1){top:7px;transform:rotate(45deg)}.burger-menu.active span:nth-child(2){opacity:0}.burger-menu.active span:nth-child(3){top:7px;transform:rotate(-45deg)}.mobile-overlay{position:fixed;top:-100%;left:0;width:100%;height:100%;background:var(--bg-color);z-index:999;display:flex;align-items:center;justify-content:center;transition:top .6s cubic-bezier(.85,0,.15,1)}.mobile-overlay.active{top:0}.mobile-nav-links{list-style:none;text-align:center;display:flex;flex-direction:column;gap:2.5rem}.mobile-nav-links a{text-decoration:none;color:var(--text-color);font-size:2.2rem;font-weight:700;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:1.2rem}.mobile-nav-links .nav-arrow{width:28px;height:28px;transform:rotate(-45deg);transition:transform .3s ease}.mobile-nav-links a:hover .nav-arrow{transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav-divider{height:0;width:1px;display:block}.mobile-nav-links li:has(.mobile-btn)+li:has(.mobile-btn){margin-top:1rem}@media(max-width:768px){.nav{padding:1rem 0;background:transparent;z-index:1001}.nav-actions.glass-bubble{padding:.5rem 1rem}.nav-logo-img{transition:filter .3s ease}.nav-links{display:none}.burger-menu{display:flex}body.menu-open{overflow:hidden}.container{padding:0 16px}:root{--section-spacing: 1rem}}.hero{padding:12rem 0 8rem;text-align:center;position:relative;overflow:hidden}.hero .container{position:relative;z-index:10}.hero:before{display:none;content:"";position:absolute;top:-10vh;left:-10vw;width:120vw;height:100vh;pointer-events:none;z-index:0;background-image:radial-gradient(ellipse at 30% 10%,rgba(132,64,255,.4) 0%,transparent 60%),radial-gradient(ellipse at 70% 10%,rgba(30,60,200,.35) 0%,transparent 60%),radial-gradient(ellipse at 50% 0%,rgba(160,80,255,.3) 0%,transparent 70%);background-size:100% 100%;opacity:.8;animation:pulse-glow 12s infinite alternate ease-in-out}@keyframes pulse-glow{0%{opacity:.7;transform:translateY(0) scaleY(1)}to{opacity:.9;transform:translateY(2vh) scaleY(1.05)}}.hero-video{position:absolute;top:calc(12rem + 120px);left:50%;transform:translate(-50%,-50%);width:96vw;height:96vh;object-fit:cover;z-index:0;pointer-events:none;filter:blur(60px) hue-rotate(40deg) saturate(1.2);opacity:.5;transition:opacity .5s ease-out;border-radius:50%}.hero-video.video-loaded{opacity:.5}@media(max-width:768px){body.menu-open .logo.glass-bubble,body.menu-open .nav-actions.glass-bubble{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-color:transparent;box-shadow:none}.hero:before{background-image:radial-gradient(ellipse at 80% 0%,rgba(30,60,200,.35) 0%,transparent 65%),radial-gradient(ellipse at 50% -5%,rgba(132,64,255,.45) 0%,transparent 70%),radial-gradient(ellipse at 20% 0%,rgba(30,60,200,.35) 0%,transparent 65%)}}.hero h1{font-size:3rem;font-weight:800;margin-bottom:1.2rem;letter-spacing:-1.5px;line-height:1.1;background:linear-gradient(to right,#fff,#86868b);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero h3{font-size:1.25rem;color:#b1b1b6;max-width:700px;margin:0 auto 2.5rem;font-weight:400}.hero-links{display:flex;justify-content:center;gap:1rem}.btn{padding:.8rem 2rem;border-radius:99px;text-decoration:none;font-weight:600;transition:var(--transition);font-size:.95rem}.btn-primary{background:var(--text-color);color:var(--bg-color)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}.btn-secondary{background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff1a;transform:translateY(-2px)}.scale-reveal{opacity:0;transform:translateZ(0) scale(.98);transition:opacity .5s ease-out,transform .5s cubic-bezier(.165,.84,.44,1);will-change:opacity,transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}.scale-reveal.active{opacity:1;transform:translateZ(0) scale(1)}.photo-wrapper{margin-bottom:2rem;display:flex;justify-content:center}.hero-photo{width:240px;height:240px;object-fit:cover;border-radius:24px;box-shadow:0 20px 40px #0006;transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.photo-reveal{opacity:0;visibility:hidden;z-index:2;transform:translateY(180px) scale(.01)}.photo-reveal.active{animation:rise-photo 1s cubic-bezier(.34,1.56,.64,1) both;z-index:2}@keyframes rise-photo{0%{opacity:0;visibility:hidden;transform:translateY(180px) scale(.01)}1%{opacity:0;visibility:visible;transform:translateY(180px) scale(.01)}to{opacity:1;visibility:visible;transform:translateY(0) scale(1)}}.projects{padding:2.75rem 0 4rem}.section-title{font-size:2.5rem;margin-bottom:var(--section-spacing);text-align:center}#projects{scroll-margin-top:-80px}#about{scroll-margin-top:-200px}.project-group{margin-bottom:5rem}.group-title{font-size:1.2rem;color:var(--secondary-color);margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.project-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;position:relative}.case-block{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;overflow:hidden;padding:3rem;margin-bottom:3rem;transition:var(--transition);position:relative}@media(max-width:768px){.case-block{padding:1.5rem}}.project-card:hover{border-color:#fff3;transform:translateY(-8px);box-shadow:0 20px 40px #0006}.project-image{height:400px;width:100%;object-fit:cover;display:block}.creative-image{height:auto;max-height:400px;width:100%;object-fit:cover;display:block}.project-image-placeholder{height:280px;background:linear-gradient(45deg,#1a1a1a,#2a2a2a);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#333}.project-content{padding:2rem;flex:1;display:flex;flex-direction:column}.stack-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1.5rem;margin-top:4rem;align-items:stretch}.design-column{display:flex;flex-direction:column;gap:1.5rem;height:100%}.design-column .stack-card{flex:1;padding:16px 2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;display:flex;align-items:center}.stack-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:2.2rem;display:flex;flex-direction:column;transition:var(--transition);position:relative;overflow:hidden}.design-column .stack-card{height:calc((100% - 3rem) / 3);padding:1.5rem 2rem}.stack-card:hover{border-color:#fff3;transform:translateY(-4px)}.stack-card.design-card{flex-direction:row;align-items:center;gap:1.5rem;padding:16px 2.2rem}.design-card[data-fill]:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--fill-percent);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-color),transparent 90%),color-mix(in srgb,var(--accent-color),transparent 70%));border-right:2px solid color-mix(in srgb,var(--accent-color),transparent 50%);z-index:1}@media(hover:hover)and (pointer:fine){.design-card[data-fill]:before{width:0;transition:width 2s cubic-bezier(.16,1,.3,1);transition-delay:.5s}.reveal.active .design-card[data-fill]:before,.reveal.active .design-column .design-card[data-fill]:before{width:var(--fill-percent)}}.design-icon{width:50px;height:50px;flex-shrink:0;position:relative;z-index:2}.design-content{display:flex;align-items:center;justify-content:space-between;flex:1;gap:1.5rem;position:relative;z-index:2}.design-header{display:contents}.design-text{display:flex;flex-direction:column;gap:4px}.design-text h4{font-size:1.25rem;font-weight:700;color:#fff}.design-text p{font-size:.9rem;color:#fff9;line-height:1.4}.design-badge{font-size:.85rem;font-weight:700;color:#fff;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:.35rem .7rem;border-radius:8px}.icon-list{list-style:none;display:flex;flex-direction:column;gap:1.5rem;margin-top:auto}.icon-list-item{display:flex;align-items:center;gap:1.2rem;color:#fff;font-size:1rem;font-weight:500;cursor:default}.item-icon-small{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 1s cubic-bezier(.175,.885,.32,1.275)}.icon-list-item:hover .item-icon-small{transform:rotate(90deg)}.item-icon-small svg,.item-icon-small img{width:100%;height:100%}.stack-title-wrapper{margin-bottom:0}.stack-title{font-size:1.6rem;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(119,54,255,.4),0 0 40px rgba(119,54,255,.2)}.stack-subtitle{font-size:.95rem;color:#86868b;margin-top:.45rem;margin-bottom:3.75rem;line-height:1.6;background:transparent;border:none;padding:0}.bubble-list{list-style:none;display:flex;flex-direction:column;gap:.8rem;margin-top:auto}.bubble-item{background:#7736ff1a;border:1px solid rgba(119,54,255,.2);padding:.8rem 1.2rem;border-radius:99px;display:flex;align-items:center;gap:1rem;color:#fff;font-weight:500;font-size:.95rem}.bubble-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.bubble-icon img,.bubble-icon svg{width:100%;height:100%}@media(max-width:1100px){.stack-grid{grid-template-columns:1fr 1fr}.design-column{grid-column:span 2;flex-direction:row;flex-wrap:wrap}.design-card{flex:1 1 300px}}@media(max-width:768px){.stack-grid{grid-template-columns:1fr}.design-column{grid-column:span 1;flex-direction:column}.design-text{flex-direction:column;gap:2px}}@media(max-width:640px){.stack-grid{grid-template-columns:1fr}.stack-card.span-2{grid-column:span 1}.stack-card.row-2{grid-row:span 1}}.project-content h4{font-size:1.625rem;margin-bottom:.75rem;line-height:1.3}.project-content p{color:var(--secondary-color);margin-bottom:1.5rem;font-size:.95rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.tool-item{display:flex;flex-direction:column;gap:.8rem}.tool-info{display:flex;justify-content:space-between;align-items:center}.tool-name{font-weight:500;color:var(--text-color)}.tool-level{font-size:.85rem;color:var(--secondary-color)}.hp-bar-container{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.hp-bar-fill{height:100%;background:var(--accent-color);box-shadow:0 0 10px var(--accent-color);border-radius:4px;transition:width 1s ease-out}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tags span{background:#ffffff0d;padding:.3rem .8rem;border-radius:6px;font-size:.75rem;color:var(--secondary-color);border:1px solid var(--border-color)}.more-link{text-decoration:none;color:var(--accent-color);font-weight:600;font-size:.9rem;margin-top:auto;display:inline-block}.project-content{position:static}.project-arrow-link{position:absolute;bottom:0;right:0;width:50px;height:50px;background:var(--card-bg);border-top-left-radius:20px;border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-color);transition:var(--transition);text-decoration:none;z-index:2}.project-arrow-link:after{content:"";position:absolute;bottom:0;right:0;width:2000px;height:2000px;z-index:1}.project-arrow-link svg{width:24px;height:24px;transition:transform .3s ease}.project-card:hover .project-arrow-link{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.project-card:hover .project-arrow-link svg{transform:translate(2px,-2px)}.external-arrow svg{transform:rotate(-35deg)}.project-card:hover .external-arrow svg{transform:rotate(-35deg) translate(2px,-2px)}.education{padding:var(--section-spacing) 0 4rem}.edu-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.edu-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:1.5rem;transition:var(--transition);display:flex;flex-direction:column;position:relative;overflow:hidden}.edu-card:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(to right,#fff0,#ffffff26,#fff0);transform:skew(-25deg);pointer-events:none;z-index:5}@media(hover:hover)and (pointer:fine){.edu-card:hover:after{animation:shimmer-swipe .8s ease-in-out forwards}}@keyframes shimmer-swipe{0%{left:-100%}to{left:150%}}@media(hover:hover)and (pointer:fine){.edu-card:hover{border-color:#fff3;transform:translateY(-5px)}}.edu-card.featured{background:color-mix(in srgb,var(--card-bg),#fff 7%);border-color:#ffffff2e;box-shadow:0 10px 30px #ffffff0d}@media(hover:hover)and (pointer:fine){.edu-card.featured:hover{background:color-mix(in srgb,var(--card-bg),#fff 12%);border-color:#ffffff4d;box-shadow:0 15px 40px #ffffff14}}.edu-image{width:50%;aspect-ratio:1 / 1;object-fit:cover;border-radius:12px;margin-bottom:1.5rem;display:block;transition:transform .6s cubic-bezier(.16,1,.3,1)}@media(hover:hover)and (pointer:fine){.edu-card:hover .edu-image{transform:scale(1.04) rotate(1deg)}}.edu-image.un-crop{object-fit:contain}.edu-card h4{font-size:1.1rem;margin-bottom:.5rem}.edu-card h5{color:#86868b;font-weight:500;margin-bottom:.5rem}.edu-card .date{color:var(--secondary-color);font-size:.85rem;display:block;transition:var(--transition)}.timeline{position:relative;max-width:100%;margin:4rem 0;padding-left:2rem}.timeline:before{content:"";position:absolute;left:6px;transform:translate(-50%);top:.3rem;width:2px;height:calc(100% - .3rem);background:var(--border-color)}.timeline-item{position:relative;margin-bottom:var(--section-spacing)}.timeline-item:after{content:"";position:absolute;left:-2rem;transform:translate(-50%);margin-left:6px;top:.3rem;width:12px;height:12px;background:var(--accent-color);border-radius:50%;box-shadow:0 0 10px var(--accent-color);z-index:1;transition:all .4s cubic-bezier(.4,0,.2,1)}.timeline-item:not(.current):after{background:var(--secondary-color);box-shadow:none}.timeline-item.current:after{width:16px;height:16px;left:-2rem;margin-left:6px;top:.2rem;background:var(--accent-color);box-shadow:0 0 20px var(--accent-color),0 0 40px var(--accent-color);border:none}.timeline-date{font-size:.9rem;color:var(--secondary-color);margin-bottom:.5rem;display:block}.timeline-content h4{font-size:1.5rem;margin-bottom:.25rem}.timeline-content h5{font-size:1.1rem;font-weight:500;color:var(--accent-color);margin-bottom:1rem}.timeline-details{list-style:none;margin-bottom:1.5rem}.timeline-details li{margin-bottom:.5rem;color:var(--text-color);position:relative;padding-left:1.2rem;font-size:.95rem}.timeline-details li:before{content:"—";position:absolute;left:0;color:var(--secondary-color)}.timeline-extra{background:var(--card-bg);padding:1.5rem;border-radius:16px;border:1px solid var(--border-color);border-left:2px solid var(--accent-color)}.timeline-extra h6{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--secondary-color);margin-bottom:.75rem}.timeline-extra p{font-size:.9rem;line-height:1.5;color:#ffffffb3}.results-list{margin-top:1rem}.results-list li{margin-bottom:.5rem}.skills{padding:var(--section-spacing) 0 6rem}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:2rem}.skill-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:2rem;text-align:left;transition:var(--transition);display:flex;flex-direction:column;gap:1rem}.skill-card:hover{border-color:#ffffff4d;transform:translateY(-5px)}.skill-icon{width:48px;height:48px;color:var(--accent-color);margin-bottom:.5rem}.skill-card h4{font-size:1.25rem;margin-bottom:.5rem}.skill-card p{color:var(--secondary-color);font-size:.9rem;line-height:1.5}.about-me-section{padding:6rem 0 calc(4rem + 12px)}.about-combined-card{background:#1a1a1a;border:1px solid var(--border-color);border-radius:32px;padding:3rem;transition:all .4s cubic-bezier(.16,1,.3,1)}.about-combined-card:hover{border-color:#fff3;box-shadow:0 20px 45px #0006}.about-combined-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.about-combined-header h3{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.about-p{color:#86868b;font-size:1rem;line-height:1.6;margin-bottom:2.5rem}.about-p:last-of-type{margin-bottom:0}.about-divider{height:1px;background:linear-gradient(90deg,var(--border-color) 0%,rgba(255,255,255,.05) 100%);margin:2.5rem 0}.feature-icon{flex-shrink:0;width:42px;height:42px;color:var(--accent-color);background:#7736ff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:8px}.feature-icon svg{width:100%;height:100%}@media(max-width:768px){.about-combined-card{padding:2rem}.about-combined-header h3{font-size:1.25rem}}.personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}@media(max-width:768px){.personal-grid{grid-template-columns:1fr;gap:1rem}}.personal-card{background:#151515;padding:1.5rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);text-align:center;position:relative;z-index:1;overflow:hidden;transition:var(--transition)}.personal-card-wrapper{position:relative;z-index:10}.personal-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-color),transparent);border-top-left-radius:24px;border-top-right-radius:24px}.personal-card:hover{border-color:#fff3}.personal-card h3{font-size:1.5rem;font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:0 0 20px rgba(255,255,255,.2)}.personal-card p{color:#fffc;font-size:1.1rem;line-height:1.6}.play-game-prompt{position:absolute;top:-20px;right:20px;transform:rotate(5deg);font-family:Caveat,cursive;font-size:2.5rem;color:var(--accent-color);cursor:pointer;transition:var(--transition);z-index:10}.play-game-prompt:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:3px;background:var(--accent-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;border-radius:2px}.play-game-prompt:hover:after{transform:scaleX(1)}.play-game-prompt:hover{text-shadow:0 0 15px rgba(119,54,255,.8);transform:rotate(5deg) scale(1.1)}.breakout-container{width:100%;height:200px;position:relative;margin:0 auto;border-radius:12px;overflow:hidden;background:#0f0f0f;border:1px solid rgba(255,255,255,.1)}#breakout-canvas{display:block;width:100%;height:100%}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#151515f2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);gap:.75rem}.game-buttons-row{display:flex;flex-direction:row;gap:1rem;justify-content:center;align-items:center}.code-copy-wrapper{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.copy-btn{background:transparent;border:none;color:var(--accent-color);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.4rem;border-radius:6px;transition:var(--transition)}.copy-btn:hover{background:#7736ff1a;color:#fff}.copy-btn svg{width:20px;height:20px}.copy-btn.copied{color:#36ffcc}.game-overlay p{font-size:1rem!important;margin-bottom:.5rem!important;color:#fff!important}.game-overlay strong{color:var(--accent-color);font-size:1.2rem;letter-spacing:2px}.game-btn{background:var(--accent-color);color:#fff;border:none;padding:.5rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);font-family:Manrope,sans-serif}.game-btn:hover{background:#fff;color:var(--accent-color);box-shadow:0 0 15px var(--accent-color)}.game-btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.3)}.game-btn-ghost:hover{background:#ffffff1a;box-shadow:none;border-color:#fff;color:#fff}.footer{padding:var(--section-spacing) 0 32px;text-align:center;position:relative;overflow:hidden}.footer:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);width:180%;height:600px;background:radial-gradient(ellipse at center,#7736ff26,#7736ff0d 50%,#7736ff00 85%);filter:blur(120px);pointer-events:none;z-index:-1;animation:shimmerBottom 15s ease-in-out infinite}@keyframes shimmerBottom{0%,to{opacity:.2;transform:translate(-50%,50%) scale(1) rotate(0)}50%{opacity:.4;transform:translate(-52%,48%) scale(1.1) rotate(5deg)}}.footer .container{padding-top:8rem;position:relative}.footer .container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border-color)}.footer h2{color:#fff}.footer-links{display:none}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0 4rem;text-align:left}.contact-card{background:var(--card-bg);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2.5rem;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-card.primary{background:var(--accent-color);border:none}.contact-card:hover{transform:translateY(-8px);border-color:#fff3;box-shadow:0 20px 40px #0000004d}.contact-card.primary:hover{filter:brightness(1.1);background:var(--accent-color);box-shadow:0 20px 40px #7736ff33}.contact-card-top{display:flex;justify-content:space-between;align-items:flex-start;z-index:1}.contact-card .label{font-size:.95rem;color:var(--secondary-color);font-weight:500}.contact-card.primary .label{color:#fffc}.contact-card-bottom{z-index:1}.contact-card .value{font-size:1.75rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.75rem;line-height:1.2}.tg-icon-asset{width:40px;height:40px;opacity:.8;filter:brightness(0) invert(1)}.contact-card .note{font-size:.85rem;color:#fff9;margin-top:.75rem;display:block}.external-icon{width:20px;height:20px;opacity:.5}.contact-arrow{position:absolute;bottom:0;right:0;width:50px;height:50px;background:#ffffff0d;border-top-left-radius:20px;border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;z-index:2}.contact-arrow svg{width:20px;height:20px;transition:transform .3s ease}.contact-card:hover .contact-arrow{background:#fff;color:#000}.contact-card.primary .contact-arrow{background:#ffffff26;border-color:#fff3}.contact-card.primary:hover .contact-arrow{background:#fff;color:var(--accent-color)}.contact-card:hover .contact-arrow svg{transform:translate(2px,-2px)}.contact-card .external-arrow svg{transform:rotate(-35deg)}.contact-card:hover .external-arrow svg{transform:rotate(-35deg) translate(2px,-2px)}.footer p{color:var(--secondary-color);font-size:.9rem}@media(max-width:768px){.hero{padding-top:8rem;padding-bottom:56px}.hero-links{gap:1.5rem}.hero-links .btn{padding:0;background:transparent;border:none;color:#fff;text-decoration:none;font-size:1rem;box-shadow:none;transform:none!important}.hero h1{font-size:3rem}.hero h3{font-size:1.2rem}.section-title{margin-bottom:0}.about-me-section .section-title{margin-bottom:24px}.mobile-only{display:block!important}.desktop-only{display:none!important}.hero .btn{color:#fff!important;text-shadow:0 0 20px rgba(119,54,255,.4),0 0 40px rgba(119,54,255,.2);background:none!important;border:none!important}.group-title{text-align:center;margin-bottom:32px}.timeline-item{flex-direction:column;gap:.5rem}.skills-grid{grid-template-columns:1fr}.edu-grid{display:flex;overflow-x:auto;gap:1rem;padding:.5rem 1rem 1.5rem;margin:0 -1rem;scroll-snap-type:x mandatory;scroll-padding-left:1rem;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.edu-grid::-webkit-scrollbar{display:none}.edu-card{flex:0 0 85%;scroll-snap-align:start;padding:1.5rem}.edu-image{width:100%;margin-bottom:1rem}.edu-card h4{font-size:1rem;line-height:1.3}.edu-card h5{font-size:.9rem}.date{min-width:auto;margin-bottom:.5rem}.footer h2{font-size:2rem}.projects,.about-me-section,.personal-section{padding-top:56px;padding-bottom:0}.footer .container{padding-top:3.5rem}.footer{padding-top:64px;padding-bottom:32px}#about{scroll-margin-top:40px}.project-group{margin-bottom:56px}.footer h2{display:none}.footer .container:before{left:2rem;right:2rem}.contact-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:0}.contact-card{min-height:140px;padding:2rem;border-radius:24px}.contact-card .value{font-size:1.125rem}.contact-card.primary .tg-icon-asset,.contact-card.primary .note{display:none}.created-by{padding-top:3rem}.skill-card{padding:1.5rem}.personal-card h3{font-size:calc(2rem - 8px)}.education{padding-top:32px}.project-group:nth-child(2){margin-top:80px}.project-image{height:320px}.creative-image{max-height:320px}}.case-content{padding-top:70px;position:relative;background:transparent;z-index:1}.case-list-item{position:relative;padding-left:1.5rem;margin-bottom:1rem}.case-list-item:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;background-color:#666;border-radius:50%}.case-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;align-items:center;margin-top:100px;margin-bottom:4rem}@media(max-width:992px){.case-hero-grid{grid-template-columns:1fr;gap:2rem;margin-top:60px}}.case-study .nav-links{display:flex!important}.back-btn-wrapper{margin-bottom:2rem;display:flex}.case-hero h1{position:fixed!important;top:70px!important;left:0;width:100%;text-align:center;z-index:-1!important}.case-hero .reveal.active{background:var(--bg-color);position:relative;z-index:2}.case-block{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:3rem;margin-bottom:3rem;transition:var(--transition)}.case-block:hover{border-color:#fff3}.case-block h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-color)}.case-block p{margin-bottom:1.2rem;color:var(--text-color)}.case-block p:last-child{margin-bottom:0}.case-block img{width:100%;height:auto;border-radius:16px;margin:2rem 0;display:block;box-shadow:0 10px 30px #0000004d}.case-block-split{display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:start}.case-block-split img{margin:0}.hero-image-wrapper{margin-top:3rem;display:flex;justify-content:center}.breadcrumbs{display:flex;gap:.5rem;color:var(--secondary-color);font-size:.9rem;margin-bottom:1.5rem}.breadcrumbs a{color:var(--secondary-color);text-decoration:none;transition:var(--transition)}.breadcrumbs a:hover,.breadcrumbs span{color:var(--text-color)}.case-info-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:2.5rem;margin-bottom:3rem;display:flex;flex-direction:column;gap:1rem}.case-info-card h3{font-size:1.5rem;display:flex;align-items:center;gap:.75rem}.case-info-card.reddish{background:#ff453a14;border-color:#ff453a26}.case-info-card.reddish h3{color:var(--text-color)}.case-results.reddish{background:#ff453a14;border:1px solid rgba(255,69,58,.15);border-radius:24px;padding:3rem;margin-top:4rem}.case-results.reddish h3{font-size:1.5rem;color:var(--text-color);display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.case-results.reddish ul{list-style:none;margin-top:1.5rem}.case-results.reddish li{color:var(--text-color);margin-bottom:.8rem;position:relative;padding-left:1.5rem}.case-results.reddish li:before{content:"—";position:absolute;left:0;color:var(--text-color)}.case-footer-nav{margin-top:4rem;text-align:left}.case-footer-nav hr{border:none;border-top:1px solid var(--border-color);margin:3rem 0}.footer-contact-text{display:flex;flex-wrap:wrap;gap:2.5rem;color:var(--secondary-color);font-size:.95rem;margin-top:2rem;margin-bottom:30px}.footer-contact-text a{color:var(--text-color);text-decoration:none;transition:var(--transition);font-weight:500}.footer-contact-text a:hover{color:var(--accent-color)}.collapsible-block{margin-bottom:3rem}.collapsible-block summary{padding:1.5rem 2rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;list-style:none;font-weight:600;transition:var(--transition);display:flex;justify-content:space-between;align-items:center}.collapsible-block summary::-webkit-details-marker{display:none}.collapsible-block summary:after{content:"↓";font-size:1.2rem;transition:var(--transition)}.collapsible-block[open] summary:after{transform:rotate(180deg)}.collapsible-block summary:hover{background:#ffffff1a}.collapsible-content{padding:2rem;border:1px solid var(--border-color);border-top:none;border-radius:0 0 16px 16px;background:#ffffff05}@media(max-width:768px){.case-content{padding-top:56px}.case-block{padding:2rem;margin-bottom:56px}.case-block-split{grid-template-columns:1fr;gap:1.5rem}body{background-attachment:scroll!important}}@media(hover:none)and (pointer:coarse){.project-card:hover,.stack-card:hover,.edu-card:hover,.personal-card:hover,.contact-card:hover,.case-block:hover{transform:none!important;box-shadow:none!important;border-color:var(--border-color)!important}.project-card:hover,.edu-card:hover,.case-block:hover{background:var(--card-bg)!important}.stack-card:hover{background:#ffffff08!important}.personal-card:hover{background:#ffffff0d!important}.contact-card:hover{background:#ffffff08!important}.contact-card.primary:hover{background:var(--accent-color)!important;filter:none!important;box-shadow:none!important}.btn-primary:hover,.btn-secondary:hover{transform:none!important;box-shadow:none!important}.btn-secondary:hover{background:var(--card-bg)!important}.project-arrow-link:hover{background:var(--card-bg)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}.project-arrow-link:hover svg,.external-arrow:hover svg{transform:none!important}.icon-list-item:hover .item-icon-small{transform:none!important}.logo a:hover{opacity:1!important}.nav-links a:hover{color:var(--text-color)!important}.collapsible-block summary:hover{background:var(--card-bg)!important}}.image-comparison-wrapper{position:relative;width:100%;border-radius:16px;overflow:hidden;margin-bottom:2rem;box-shadow:0 10px 30px #0003;display:grid}.comparison-layer{grid-area:1 / 1;position:relative;width:100%;height:100%}.layer-after{z-index:1}.layer-before{z-index:2;clip-path:inset(0 50% 0 0)}.comparison-layer .img-content{display:block;width:100%;height:auto;object-fit:cover;object-position:top left}.image-comparison-slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;opacity:0;cursor:ew-resize;margin:0;-webkit-appearance:none}.image-comparison-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:50px;height:100vh;cursor:ew-resize}.image-comparison-slider::-moz-range-thumb{width:50px;height:100vh;cursor:ew-resize}.image-comparison-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background-color:var(--accent-color);z-index:3;pointer-events:none;transform:translate(-50%);box-shadow:0 0 10px #0000004d}.image-comparison-handle:after{content:"";position:absolute;top:50%;left:50%;height:48px;width:48px;background-color:var(--accent-color);border:3px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0000004d;background-image:url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 8L6 12L10 16M14 8L18 12L14 16" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-repeat:no-repeat;background-position:center}.image-comparison-label{position:absolute;bottom:1.5rem;padding:.5rem 1rem;background:#0009;color:#fff;border-radius:8px;font-size:.9rem;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3;pointer-events:none}.image-comparison-label.label-before{left:1.5rem}.image-comparison-label.label-after{right:1.5rem}@media(max-width:768px){.image-comparison-wrapper{height:60vh;min-height:400px}.comparison-layer .img-content{height:100%;object-position:15% top}.image-comparison-label{bottom:1rem;padding:.3rem .6rem;font-size:.8rem}}@media(max-width:768px){.mobile-only{display:block!important}.desktop-only{display:none!important}}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000eb;z-index:10000;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox-overlay.active{opacity:1;pointer-events:auto}.lightbox-img{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:12px;transform:scale(.95);transition:transform .3s ease}.lightbox-overlay.active .lightbox-img{transform:scale(1)}.lightbox-close{position:absolute;top:2rem;left:2rem;color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center;transition:background .2s,transform .2s;z-index:10001}.lightbox-close:hover{background:#fff3;transform:scale(1.05)}.lightbox-trigger{cursor:zoom-in!important}