@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=Instrument+Serif:ital@0;1&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg-dark: #0a0a0a;--bg-darker: #050505;--text-primary: #ffffff;--text-secondary: #b0b0b0;--accent-green: #00ff88;--accent-pink: #ff0080;--accent-blue: #00d4ff;--accent-purple: #9d4edd;--card-bg: rgba(20, 20, 30, .7);--card-border: rgba(255, 255, 255, .1);--gradient-1: linear-gradient( 135deg, var(--accent-green), var(--accent-blue) );--gradient-2: linear-gradient( 135deg, var(--accent-pink), var(--accent-purple) );--gradient-3: linear-gradient( 135deg, var(--accent-blue), var(--accent-green) );--gradient-4: linear-gradient( 135deg, var(--accent-purple), var(--accent-pink) );--section-padding: clamp(20px, 10vw, 40px);--container-width: min(1400px, 90vw)}html{scroll-behavior:smooth;scroll-padding-top:80px;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-dark);color:var(--text-primary);overflow-x:hidden;line-height:1.6;font-weight:400}.cursor{position:fixed;width:20px;height:20px;border:2px solid var(--accent-green);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .3s,height .3s,border-color .3s;mix-blend-mode:difference;display:none}.cursor-follower{position:fixed;width:60px;height:60px;background:#00ff881a;border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .6s ease;display:none}@media(min-width:1024px){.cursor,.cursor-follower{display:block}}.loader{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-darker);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10000;transition:opacity .8s ease,visibility .8s ease}.loader.hidden{opacity:0;visibility:hidden}.loader-text{font-size:clamp(24px,5vw,48px);font-weight:900;margin-bottom:40px;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;overflow:hidden;animation:textShimmer 2s ease-in-out infinite alternate}@keyframes textShimmer{0%{filter:hue-rotate(0deg);text-shadow:0 0 10px rgba(0,255,136,.5)}to{filter:hue-rotate(90deg);text-shadow:0 0 20px rgba(0,255,136,.8)}}.loader-bar{width:min(300px,80vw);height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.loader-progress{height:100%;width:0;background:var(--gradient-1);border-radius:2px;animation:loadingBar 2s ease-in-out forwards}@keyframes loadingBar{0%{width:0}to{width:100%}}nav{position:fixed;top:0;width:100%;padding:clamp(15px,3vw,25px) clamp(20px,4vw,60px);display:flex;justify-content:space-between;align-items:center;z-index:1000;background:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.4,0,.2,1)}nav.scrolled{padding:12px clamp(20px,4vw,60px);background:#0a0a0af2}.logo{font-size:clamp(24px,4vw,32px);font-weight:900;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-1px;transition:all .3s;position:relative;overflow:hidden;padding:5px 0}.logo:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--gradient-1);transform:translate(-100%);transition:transform .6s cubic-bezier(.4,0,.2,1)}.logo:hover:after{transform:translate(0)}.nav-links{display:flex;gap:clamp(15px,2vw,30px);list-style:none}.nav-links a{color:var(--text-primary);text-decoration:none;font-weight:600;font-size:clamp(12px,1.5vw,14px);text-transform:uppercase;letter-spacing:1px;position:relative;padding:8px 0;transition:color .3s}.nav-links a:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--gradient-1);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.4,0,.2,1)}.nav-links a:hover{color:var(--accent-green)}.nav-links a:hover:before{transform:scaleX(1);transform-origin:left}.mobile-menu-btn{display:none;background:transparent;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;transition:all .3s}.mobile-menu-btn:hover{background:#ffffff1a}section{padding:var(--section-padding) clamp(20px,5vw,40px);position:relative;overflow:hidden}.section-title{font-size:clamp(40px,8vw,80px);font-weight:900;margin-bottom:clamp(40px,6vw,80px);background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-2px;line-height:1.1;opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.section-title.visible,.visible .section-title{opacity:1;transform:translateY(0)}.container{max-width:var(--container-width);margin:0 auto}.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;padding-top:100px;overflow:hidden}.hero-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.05;z-index:-2}.hero-grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,136,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.03) 1px,transparent 1px);background-size:50px 50px;z-index:-1;animation:gridMove 40s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.hero-title-container{position:relative;display:inline-block;margin-bottom:clamp(20px,4vw,40px)}.hero-title{font-size:clamp(48px,10vw,120px);font-weight:800;line-height:.9;letter-spacing:-3px;position:relative;overflow:visible;display:flex;flex-direction:column;align-items:center;gap:5px}.hero-title-main{display:block;color:var(--text-primary);background:linear-gradient(135deg,#fff,#f0f0f0);-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleRevealMain 1.2s cubic-bezier(.77,0,.175,1) forwards;transform:translateY(100%);opacity:0;position:relative;text-shadow:0 5px 15px rgba(0,255,136,.1)}.hero-title-sub{display:block;color:var(--text-primary);background:linear-gradient(135deg,#b0b0b0,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleRevealSub 1.2s cubic-bezier(.77,0,.175,1) .4s forwards;transform:translateY(100%);opacity:0;position:relative;text-shadow:0 5px 15px rgba(255,0,128,.1)}@keyframes titleRevealMain{0%{transform:translateY(100%);opacity:0;filter:blur(10px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}@keyframes titleRevealSub{0%{transform:translateY(100%);opacity:0;filter:blur(10px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}.hero-title-decoration{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:15px;opacity:0;animation:fadeIn 1s ease 1.5s forwards}.decoration-line{width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--accent-green),transparent);position:relative;overflow:hidden}.decoration-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--accent-pink),transparent);animation:slideLine 3s ease-in-out infinite}.decoration-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-green);position:relative;animation:pulseDot 2s ease-in-out infinite}.decoration-dot:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;border:1px solid var(--accent-green);animation:pulseRing 2s ease-in-out infinite}@keyframes slideLine{0%{left:-100%}to{left:100%}}@keyframes pulseDot{0%,to{transform:scale(1);background:var(--accent-green)}50%{transform:scale(1.2);background:var(--accent-pink)}}@keyframes pulseRing{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:0;transform:translate(-50%,-50%) scale(1.5)}}@keyframes fadeIn{to{opacity:1}}.hero-title-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle at center,rgba(0,255,136,.1) 0%,rgba(255,0,128,.05) 30%,transparent 70%);z-index:-1;opacity:0;animation:glowIn 1.5s ease .8s forwards;pointer-events:none}@keyframes glowIn{to{opacity:1}}.hero-title-main,.hero-title-sub{transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.hero-title-container:hover .hero-title-main{transform:translateY(-5px);text-shadow:0 10px 30px rgba(0,255,136,.3),0 0 0 var(--accent-green),0 0 10px rgba(0,255,136,.5);color:transparent;background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;background-clip:text}.hero-title-container:hover .hero-title-sub{transform:translateY(-5px);text-shadow:0 10px 30px rgba(255,0,128,.3),0 0 0 var(--accent-pink),0 0 10px rgba(255,0,128,.5);color:transparent;background:linear-gradient(135deg,var(--accent-pink) 0%,var(--accent-purple) 100%);-webkit-background-clip:text;background-clip:text}.hero-title-container:hover .hero-title-glow{animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;filter:blur(20px)}50%{opacity:.8;filter:blur(30px)}}.hero-title-container:hover .decoration-line:after{animation:slideLineFast 1s ease-in-out infinite}@keyframes slideLineFast{0%{left:-100%}to{left:100%}}.hero-tagline{font-size:clamp(16px,3vw,24px);color:var(--text-secondary);margin-bottom:clamp(30px,5vw,60px);max-width:800px;opacity:0;transform:translateY(30px);animation:fadeUp 1s ease 1.2s forwards}.hero-roles{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:clamp(40px,6vw,80px);opacity:0;animation:fadeUp 1s ease 1.5s forwards}.role-chip{padding:12px 24px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:50px;font-size:clamp(14px,1.8vw,16px);font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px;transition:all .3s;position:relative;overflow:hidden}.role-chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--gradient-1);opacity:.2;transition:left .6s cubic-bezier(.4,0,.2,1);z-index:-1}.role-chip:hover{transform:translateY(-5px);border-color:var(--accent-green);box-shadow:0 10px 30px #0f83}.role-chip:hover:before{left:0}.hero-buttons{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;max-width:900px;margin:0 auto;opacity:0;animation:fadeUp 1s ease 1.8s forwards}.btn{padding:clamp(14px,2vw,18px) clamp(30px,4vw,50px);font-size:clamp(14px,1.8vw,16px);font-weight:700;text-transform:uppercase;letter-spacing:2px;border-radius:50px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:1;min-width:200px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px}.btn-primary{background:var(--gradient-1);color:var(--bg-dark);border:none;box-shadow:0 10px 30px #00ff884d}.btn-primary:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 20px 40px #00ff8880}.btn-secondary{background:transparent;color:var(--accent-green);border:2px solid var(--accent-green)}.btn-secondary:hover{background:#00ff881a;transform:translateY(-5px);box-shadow:0 10px 30px #0f83}.btn-tertiary{background:transparent;color:var(--accent-purple);border:2px solid var(--accent-purple);position:relative;overflow:hidden}.btn-tertiary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(157,78,221,.2),transparent);transition:left .6s ease;z-index:-1}.btn-tertiary:hover{background:#9d4edd1a;transform:translateY(-5px);border-color:var(--accent-purple);box-shadow:0 10px 30px #9d4edd4d}.btn-tertiary:hover:before{left:100%}.btn i{font-size:16px}.about-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:clamp(40px,6vw,80px);align-items:center}.about-text{font-size:clamp(16px,2vw,20px);line-height:1.8;color:var(--text-secondary);opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.about-text.visible{opacity:1;transform:translateY(0)}.about-text strong{color:var(--accent-green);font-weight:700}.about-visual{position:relative;height:500px;border-radius:20px;overflow:hidden;opacity:0;transform:scale(.9);transition:all .8s cubic-bezier(.4,0,.2,1) .2s;width:100%}.about-visual.visible{opacity:1;transform:scale(1)}.visual-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--gradient-1);opacity:.3}.visual-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:30px}.visual-item{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#000000b3;border-radius:15px;width:100%;max-width:300px;transform:translate(-100%);opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}.about-visual.visible .visual-item:nth-child(1){transform:translate(0);opacity:1;transition-delay:.4s}.about-visual.visible .visual-item:nth-child(2){transform:translate(0);opacity:1;transition-delay:.6s}.about-visual.visible .visual-item:nth-child(3){transform:translate(0);opacity:1;transition-delay:.8s}.visual-icon{font-size:28px;flex-shrink:0}.visual-text{flex:1;min-width:0}.visual-text h4{font-size:16px;margin-bottom:5px;color:var(--accent-green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visual-text p{font-size:13px;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:30px;margin-top:40px}.skill-card{padding:clamp(30px,4vw,50px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(50px);position:relative;overflow:hidden}.skill-card.visible{opacity:1;transform:translateY(0)}.skill-card:hover{transform:translateY(-15px) scale(1.02);border-color:var(--accent-green);box-shadow:0 30px 60px #0f83}.skill-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-1);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.4,0,.2,1)}.skill-card:hover:before{transform:scaleX(1)}.skill-icon{font-size:60px;margin-bottom:25px;display:inline-block;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;color:transparent;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.skill-card h3{font-size:clamp(24px,3vw,28px);margin-bottom:15px;color:var(--accent-green)}.skill-card p{color:var(--text-secondary);line-height:1.7;font-size:clamp(15px,1.8vw,17px)}.works-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));gap:30px}.work-item{height:400px;border-radius:20px;overflow:hidden;position:relative;cursor:pointer;opacity:0;transform:scale(.9);transition:all .6s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 40px #0000004d}.work-item.visible{opacity:1;transform:scale(1)}.work-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .6s cubic-bezier(.4,0,.2,1);filter:brightness(.8)}.work-gradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.1) 20%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.6) 60%,rgba(0,0,0,.8) 80%,rgba(0,0,0,.95) 100%);z-index:1}.work-content{position:absolute;bottom:0;left:0;right:0;padding:40px;z-index:2;transform:translateY(20px);transition:all .6s cubic-bezier(.4,0,.2,1);opacity:0}.work-item:hover .work-content{transform:translateY(0);opacity:1}.work-item:hover .work-image{transform:scale(1.1);filter:brightness(1)}.work-content h3{font-size:clamp(24px,3vw,32px);margin-bottom:10px;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;color:transparent}.work-content p{font-size:clamp(14px,1.8vw,16px);color:var(--text-secondary);margin-bottom:15px}.work-tags{display:flex;gap:10px;flex-wrap:wrap}.work-tag{padding:6px 12px;background:#00ff881a;border:1px solid var(--accent-green);border-radius:20px;font-size:12px;color:var(--accent-green);font-weight:600}.work-view-more{position:absolute;top:30px;right:30px;background:#000000b3;color:var(--accent-green);padding:10px 20px;border-radius:50px;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:12px;z-index:3;opacity:0;transform:translateY(-10px);transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,255,136,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.work-item:hover .work-view-more{opacity:1;transform:translateY(0)}.work-view-more:hover{background:var(--gradient-1);color:var(--bg-dark);border-color:transparent;transform:translateY(0) scale(1.05)}.gallery-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:none;justify-content:center;align-items:center;z-index:10001;opacity:0;transition:opacity .5s ease}.gallery-container{width:90%;max-width:1200px;height:80%;background:var(--card-bg);border-radius:20px;overflow:hidden;position:relative;transform:scale(.9);transition:transform .5s cubic-bezier(.4,0,.2,1)}.gallery-header{padding:30px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.gallery-header h3{font-size:clamp(24px,4vw,32px);background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;color:transparent}.close-gallery{background:transparent;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.close-gallery:hover{background:#ffffff1a}.gallery-content{padding:30px;height:calc(100% - 120px);overflow-y:auto}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.gallery-item{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;aspect-ratio:1;transition:transform .3s ease}.gallery-item:hover{transform:scale(1.05)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:20px;transform:translateY(100%);transition:transform .3s ease}.gallery-item-overlay h4{color:var(--accent-green);margin-bottom:5px}.gallery-item-overlay p{color:var(--text-secondary);font-size:12px}.contact-container{max-width:900px;margin:0 auto;text-align:center}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:40px;margin-top:60px}.contact-item{padding:30px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:20px;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;text-align:center}.contact-item.visible,.visible .contact-item{opacity:1;transform:translateY(0)}.contact-item:hover{transform:translateY(-10px);border-color:var(--accent-green)}.contact-icon{font-size:40px;margin-bottom:20px;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;color:transparent;display:flex;align-items:center;justify-content:center}.contact-item h3{font-size:16px;color:var(--accent-green);margin-bottom:10px;text-transform:uppercase;letter-spacing:2px;font-weight:600}.contact-item p{font-size:clamp(12px,1.2vw,14px);color:var(--text-primary);line-height:1.4;word-break:break-word;overflow-wrap:break-word;max-width:100%;padding:0 10px}.social-links{display:flex;justify-content:center;gap:20px;margin-top:60px;flex-wrap:wrap}.social-link{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--accent-green);border:2px solid var(--accent-green);transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(0)}.social-link.visible,.visible .social-link{opacity:1;transform:scale(1)}.social-link:hover{background:var(--gradient-1);color:var(--bg-dark);transform:scale(1.2) rotate(360deg);box-shadow:0 10px 30px #0f86}footer{padding:40px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.05);color:var(--text-secondary);font-size:14px}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.download-toast{position:fixed;bottom:30px;right:30px;background:var(--card-bg);border:1px solid var(--accent-green);border-radius:10px;padding:15px 20px;display:flex;align-items:center;gap:10px;color:var(--accent-green);font-size:14px;font-weight:600;z-index:10000;opacity:0;transform:translateY(20px);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media(max-width:1024px){.hero-title{letter-spacing:-2px;font-size:clamp(40px,10vw,100px)}.about-content{gap:50px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.hero-buttons{max-width:800px}.btn{min-width:180px}.decoration-line{width:60px}}@media(max-width:768px){.mobile-menu-btn{display:flex}.nav-links{position:fixed;top:80px;left:0;width:100%;background:#0a0a0af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;padding:30px;gap:25px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .5s cubic-bezier(.4,0,.2,1);border-bottom:1px solid rgba(255,255,255,.05)}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible}.hero{padding-top:140px}.hero-title{letter-spacing:-2px;font-size:clamp(40px,12vw,80px)}.hero-buttons{flex-direction:column;gap:15px;width:100%;max-width:300px}.btn{width:100%;max-width:300px;min-width:unset}.visual-content{padding:20px;gap:15px}.visual-item{padding:12px 15px;max-width:280px}.visual-icon{font-size:24px}.visual-text h4{font-size:15px}.visual-text p{font-size:12px}.gallery-container{width:95%;height:90%}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.hero-title-decoration{gap:15px}.decoration-line{width:40px}.decoration-dot{width:6px;height:6px}.decoration-dot:before{width:12px;height:12px}}@media(max-width:480px){.hero-title{letter-spacing:-1px;font-size:clamp(36px,14vw,60px)}.hero-title-main,.hero-title-sub{font-weight:700}.hero-roles{flex-direction:column;align-items:center}.about-visual{height:350px}.visual-item{padding:10px 12px}.hero-buttons{max-width:280px}.btn{padding:14px 20px;font-size:14px}.about-visual{height:320px}.visual-content{padding:15px}.contact-info{gap:20px}.contact-item{padding:20px 15px;min-height:140px}.contact-item p{font-size:12px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.hero-title-decoration{gap:10px;margin-top:10px}.decoration-line{width:30px}.hero-title{gap:2px}}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;color:transparent}.text-center{text-align:center}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-20{margin-bottom:20px}.mt-auto{margin-top:auto}.skeleton-shimmer{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14,#ffffff08 75%);background-size:200% 100%;animation:shimmer 2s cubic-bezier(.4,0,.2,1) infinite;display:block}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.carousel-container{position:relative;width:100%;max-width:1200px;margin:60px auto;padding:40px 20px;perspective:1200px;overflow:hidden}.carousel{position:relative;width:100%;height:auto;min-height:500px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;will-change:transform}.carousel-item{position:absolute;width:350px;top:50%;left:50%;transform-origin:center;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080;transition:transform .8s cubic-bezier(.4,0,.2,1),opacity .8s ease,filter .8s ease,border-color .3s ease,box-shadow .3s ease;cursor:pointer;background:var(--card-bg);border:1px solid var(--card-border);display:flex;flex-direction:column;pointer-events:none;min-height:450px;max-height:500px;will-change:transform,opacity;backface-visibility:hidden}.carousel-item.left{transform:translate(-135%) translateY(-50%) scale(.8) rotateY(30deg);z-index:2;opacity:.6;filter:brightness(.5);height:400px}.carousel-item.right{transform:translate(35%) translateY(-50%) scale(.8) rotateY(-30deg);z-index:2;opacity:.6;filter:brightness(.5);height:400px}.carousel-item.hidden{opacity:0;visibility:hidden;transform:translate(-50%) translateY(-50%) scale(.8)}.work-item-carousel{height:100%;display:flex;flex-direction:column;flex:1}.work-image-carousel{width:100%;height:180px;object-fit:cover;border-radius:10px 10px 0 0;flex-shrink:0;background-color:#ffffff0d;transition:opacity .5s ease}.work-gradient-carousel{position:absolute;top:0;left:0;width:100%;height:180px;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.7) 100%);border-radius:10px 10px 0 0}.carousel-item-content.work{padding:25px;flex:1;display:flex;flex-direction:column;min-height:0}.carousel-work-content{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.carousel-work-content h3{font-size:22px;margin-bottom:10px;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;color:transparent;flex-shrink:0}.carousel-work-content p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:15px;flex-shrink:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.carousel-work-tags{display:flex;gap:8px;margin:15px 0;flex-wrap:wrap;justify-content:center;flex-shrink:0}.carousel-work-tag{padding:5px 10px;background:#00ff881a;border:1px solid var(--accent-green);border-radius:15px;font-size:11px;color:var(--accent-green);font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.view-gallery-btn{margin-top:auto;padding:12px 25px;background:#00ff881a;color:var(--accent-green);border:1px solid var(--accent-green);border-radius:50px;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;display:inline-block;width:100%;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-gallery-btn:hover{background:var(--gradient-1);color:var(--bg-dark);border-color:transparent;transform:translateY(-2px);box-shadow:0 10px 20px #00ff884d}.carousel-item-content.skill{padding:40px 30px;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;min-height:0}.carousel-item-content.skill .carousel-icon{font-size:60px;margin-bottom:25px;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;color:transparent;animation:float 3s ease-in-out infinite;flex-shrink:0}.carousel-item-content.skill h3{font-size:24px;margin-bottom:15px;color:var(--accent-green);flex-shrink:0}.carousel-item-content.skill p{color:var(--text-secondary);line-height:1.7;font-size:16px;flex:1;overflow-y:auto;max-height:200px;padding-right:5px}.carousel-item-content.skill p::-webkit-scrollbar{width:4px}.carousel-item-content.skill p::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.carousel-item-content.skill p::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:10px}.carousel-navigation{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:40px;flex-wrap:wrap}.carousel-btn{width:60px;height:60px;border-radius:50%;background:var(--card-bg);border:1px solid var(--card-border);color:var(--accent-green);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.carousel-btn:hover{background:var(--gradient-1);color:var(--bg-dark);border-color:transparent;transform:scale(1.1);box-shadow:0 10px 30px #0f86}.carousel-dots{display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.carousel-dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s;flex-shrink:0}.carousel-dot.active{background:var(--accent-green);box-shadow:0 0 20px #00ff8880;transform:scale(1.2)}.carousel{-webkit-overflow-scrolling:touch}@media(max-width:1200px){.carousel-item{width:320px}.carousel-item.left{transform:translate(-130%) translateY(-50%) scale(.8) rotateY(25deg)}.carousel-item.right{transform:translate(30%) translateY(-50%) scale(.8) rotateY(-25deg)}}@media(max-width:992px){.carousel-item{width:300px}.carousel-item.left{transform:translate(-125%) translateY(-50%) scale(.75) rotateY(20deg)}.carousel-item.right{transform:translate(25%) translateY(-50%) scale(.75) rotateY(-20deg)}.work-image-carousel{height:160px}.carousel-item-content.work{padding:20px}.carousel-item-content.skill{padding:30px 20px}}@media(max-width:768px){.carousel-container{padding:30px 15px;perspective:800px}.carousel-item{width:280px;min-height:420px}.carousel-item.active{height:auto}.carousel-item.left{transform:translate(-120%) translateY(-50%) scale(.7) rotateY(15deg);opacity:.5;height:380px}.carousel-item.right{transform:translate(20%) translateY(-50%) scale(.7) rotateY(-15deg);opacity:.5;height:380px}.work-image-carousel{height:140px}.carousel-work-content h3{font-size:20px}.carousel-work-content p{font-size:13px;-webkit-line-clamp:2;line-clamp:2}.view-gallery-btn{padding:10px 20px;font-size:11px}.carousel-btn{width:50px;height:50px;font-size:20px}}@media(max-width:576px){.carousel-item{width:260px;min-height:400px}.carousel-item.left{transform:translate(-115%) translateY(-50%) scale(.65) rotateY(10deg);height:360px}.carousel-item.right{transform:translate(15%) translateY(-50%) scale(.65) rotateY(-10deg);height:360px}.carousel-navigation{gap:20px;margin-top:30px}.carousel-btn{width:45px;height:45px;font-size:18px}.carousel-dots{gap:10px}.work-image-carousel{height:120px}.carousel-item-content.work,.carousel-item-content.skill{padding:15px}.carousel-work-tag{font-size:10px;padding:4px 8px}}@media(max-width:480px){.carousel-item{width:240px;min-height:380px}.carousel-item.left{transform:translate(-110%) translateY(-50%) scale(.6) rotateY(5deg);opacity:.4;height:340px}.carousel-item.right{transform:translate(10%) translateY(-50%) scale(.6) rotateY(-5deg);opacity:.4;height:340px}.work-image-carousel{height:100px}.carousel-work-content h3{font-size:18px}.carousel-work-content p{font-size:12px;-webkit-line-clamp:2;line-clamp:2}.view-gallery-btn{padding:8px 15px;font-size:10px}}@media(hover:none)and (pointer:coarse){.carousel-item{cursor:default}.view-gallery-btn:active,.carousel-btn:active{background:var(--gradient-1);color:var(--bg-dark);transform:scale(.95)}}.carousel-container{position:relative;width:100%;max-width:1200px;margin:60px auto;padding:40px 20px;perspective:1200px;overflow:visible}.carousel{position:relative;width:100%;min-height:500px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none}.carousel-item{position:absolute;width:340px;top:50%;left:50%;transform-origin:center;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080;transition:all .8s cubic-bezier(.4,0,.2,1);cursor:pointer;background:var(--card-bg);border:1px solid var(--card-border);display:flex;flex-direction:column;pointer-events:none;min-height:460px;max-height:500px}.carousel-item.active{transform:translate(-50%) translateY(-50%) scale(1);z-index:3;pointer-events:auto;border-color:var(--accent-green);box-shadow:0 40px 80px #00ff884d;height:auto}.carousel-item.left{transform:translate(-135%) translateY(-50%) scale(.8) rotateY(30deg);z-index:2;opacity:.6;filter:brightness(.5);height:420px}.carousel-item.right{transform:translate(35%) translateY(-50%) scale(.8) rotateY(-30deg);z-index:2;opacity:.6;filter:brightness(.5);height:420px}.gallery-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000fa;display:none;justify-content:center;align-items:center;z-index:10001;opacity:0;transition:opacity .5s ease;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-modal.active{display:flex;opacity:1}.gallery-container{width:95%;max-width:1400px;height:85%;background:var(--bg-darker);border-radius:25px;overflow:hidden;position:relative;transform:scale(.95);transition:transform .5s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #00000080}.gallery-modal.active .gallery-container{transform:scale(1)}.gallery-header{padding:25px 30px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-header h3{font-size:clamp(24px,3vw,32px);background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.close-gallery{background:#ffffff1a;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;border:1px solid rgba(255,255,255,.2)}.close-gallery:hover{background:var(--gradient-1);color:var(--bg-dark);border-color:transparent;transform:rotate(90deg)}.gallery-content{padding:30px;height:calc(100% - 110px);overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;align-content:start}.gallery-content::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}.gallery-album{background:var(--card-bg);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);position:relative}.gallery-album:hover{transform:translateY(-10px) scale(1.02);border-color:var(--accent-green);box-shadow:0 20px 40px #0f83}.gallery-album-image{width:100%;height:200px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.1)}.gallery-album-content{padding:20px}.gallery-album-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-album-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--accent-green);opacity:.8}.gallery-item{position:relative;border-radius:15px;overflow:hidden;cursor:pointer;aspect-ratio:1;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1)}@media(max-width:1200px){.carousel-item{width:320px}.carousel-item.left{transform:translate(-130%) translateY(-50%) scale(.75) rotateY(25deg)}.carousel-item.right{transform:translate(30%) translateY(-50%) scale(.75) rotateY(-25deg)}.gallery-content{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}}@media(max-width:992px){.carousel-item{width:300px;min-height:440px}.carousel-item.active{min-height:460px}.carousel-item.left{transform:translate(-125%) translateY(-50%) scale(.7) rotateY(20deg);height:400px}.carousel-item.right{transform:translate(25%) translateY(-50%) scale(.7) rotateY(-20deg);height:400px}.gallery-container{width:98%;height:90%}.gallery-content{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;padding:20px}.gallery-album-image{height:180px}}@media(max-width:768px){.carousel-container{padding:30px 15px;perspective:800px}.carousel{min-height:450px}.carousel-item{width:280px;min-height:420px}.carousel-item.active{min-height:440px}.carousel-item.left{transform:translate(-120%) translateY(-50%) scale(.65) rotateY(15deg);opacity:.5;height:380px}.carousel-item.right{transform:translate(20%) translateY(-50%) scale(.65) rotateY(-15deg);opacity:.5;height:380px}.gallery-container{height:95%;border-radius:20px}.gallery-header{padding:20px}.gallery-content{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:15px}.gallery-album-image{height:150px}.gallery-album-content{padding:15px}.gallery-album-title{font-size:16px}.gallery-album-description{font-size:13px}}@media(max-width:576px){.carousel-item{width:260px;min-height:400px}.carousel-item.active{min-height:420px}.carousel-item.left{transform:translate(-115%) translateY(-50%) scale(.6) rotateY(10deg);opacity:.4;height:360px}.carousel-item.right{transform:translate(15%) translateY(-50%) scale(.6) rotateY(-10deg);opacity:.4;height:360px}.carousel-navigation{gap:15px;margin-top:30px}.carousel-btn{width:50px;height:50px;font-size:20px}.gallery-container{width:100%;height:100%;border-radius:0;border:none}.gallery-content{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;padding:10px}.gallery-album{border-radius:15px}.gallery-album-image{height:120px}.gallery-album-content{padding:12px}.gallery-album-title{font-size:14px}.gallery-album-description{font-size:12px;-webkit-line-clamp:1;line-clamp:1}}@media(max-width:480px){.carousel-item{width:240px;min-height:380px}.carousel-item.active{min-height:400px}.carousel-item.left{transform:translate(-110%) translateY(-50%) scale(.55) rotateY(5deg);opacity:.3;height:340px}.carousel-item.right{transform:translate(10%) translateY(-50%) scale(.55) rotateY(-5deg);opacity:.3;height:340px}.gallery-content{grid-template-columns:repeat(2,1fr);gap:8px}.gallery-album-image{height:100px}.gallery-album-content{padding:10px}.gallery-album-title{font-size:13px}.gallery-album-description{font-size:11px}}@media(hover:none)and (pointer:coarse){.carousel-item{cursor:default}.view-gallery-btn:active,.carousel-btn:active,.gallery-album:active{transform:scale(.95)}.gallery-item:hover{transform:none}.gallery-item-overlay{transform:translateY(0);background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}}.carousel-work-content p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:15px;flex-shrink:0;display:block;overflow:visible;-webkit-line-clamp:unset;line-clamp:unset;-webkit-box-orient:unset;height:auto;max-height:60px;overflow-y:auto;padding-right:5px}.carousel-work-content p::-webkit-scrollbar{width:3px}.carousel-work-content p::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.carousel-work-content p::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:10px}.gallery-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000fa;display:flex;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;z-index:10001;opacity:0;transition:all .6s cubic-bezier(.19,1,.22,1);padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gallery-modal.active{visibility:visible;pointer-events:auto;opacity:1}.gallery-container{width:95%;max-width:1400px;height:85%;background:var(--bg-darker);border-radius:25px;overflow:hidden;position:relative;transform:scale(.9) translateY(20px);transition:transform .7s cubic-bezier(.19,1,.22,1);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #00000080;display:flex;flex-direction:column}.gallery-modal.active .gallery-container{transform:scale(1) translateY(0)}.gallery-header{padding:25px 30px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;position:relative;z-index:2}.gallery-header h3{font-size:clamp(20px,2.5vw,28px);background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;margin:0}.gallery-content{padding:30px;flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;align-content:start;position:relative}.gallery-content::-webkit-scrollbar{width:8px}.gallery-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.gallery-content::-webkit-scrollbar-thumb{background:var(--accent-green);border-radius:10px}.gallery-album{background:var(--card-bg);border-radius:20px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);position:relative;display:flex;flex-direction:column;height:100%}.gallery-album:hover{transform:translateY(-10px);border-color:var(--accent-green);box-shadow:0 20px 40px #0f83}.gallery-album-image-container{position:relative;width:100%;height:200px;overflow:hidden}.gallery-album-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-album:hover .gallery-album-image{transform:scale(1.1)}.gallery-album-badge{position:absolute;top:15px;right:15px;background:#0f83;color:var(--accent-green);padding:5px 10px;border-radius:15px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(0,255,136,.3)}.gallery-album-content{padding:20px;flex:1;display:flex;flex-direction:column}.gallery-album-title{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--accent-green);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-album-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:15px;flex:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.gallery-album-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--accent-green);opacity:.8;margin-top:auto}.gallery-album-count{display:flex;align-items:center;gap:5px}.gallery-items-view{padding:30px;flex:1;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;align-content:start}.gallery-back-button{position:absolute;top:25px;left:25px;background:#00ff881a;color:var(--accent-green);border:1px solid var(--accent-green);padding:10px 20px;border-radius:50px;font-size:14px;cursor:pointer;z-index:10;display:flex;align-items:center;gap:8px;transition:all .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gallery-item{position:relative;border-radius:15px;overflow:hidden;cursor:pointer;aspect-ratio:4/3;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);background:var(--card-bg)}.gallery-item:hover{transform:scale(1.05);border-color:var(--accent-green);box-shadow:0 15px 30px #00ff884d}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.gallery-item:hover img{transform:scale(1.1)}.gallery-item-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:20px;transform:translateY(100%);transition:transform .4s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gallery-item:hover .gallery-item-overlay{transform:translateY(0)}.gallery-item-overlay h4{color:var(--accent-green);margin-bottom:5px;font-size:14px;font-weight:600}.gallery-item-overlay p{color:var(--text-secondary);font-size:12px;line-height:1.4}@media(max-width:1200px){.gallery-content{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:25px}.gallery-album-image-container{height:180px}}@media(max-width:992px){.gallery-container{width:98%;height:90%}.gallery-content{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:20px}.gallery-album-image-container{height:160px}.gallery-album-content{padding:15px}.gallery-album-title{font-size:16px}.carousel-work-content p{max-height:54px;font-size:13px}}@media(max-width:768px){.gallery-container{height:95%;border-radius:20px}.gallery-header{padding:20px}.gallery-content{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;padding:15px}.gallery-album-image-container{height:140px}.gallery-album-content{padding:12px}.gallery-album-title{font-size:15px}.gallery-album-description{font-size:13px}.gallery-back-button{top:20px;left:20px;padding:8px 15px;font-size:13px}.carousel-work-content p{max-height:48px;font-size:12px}}@media(max-width:576px){.gallery-container{width:100%;height:100%;border-radius:0;border:none}.gallery-content{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:12px}.gallery-album{border-radius:15px}.gallery-album-image-container{height:120px}.gallery-album-content{padding:10px}.gallery-album-title{font-size:14px}.gallery-album-description{font-size:12px;-webkit-line-clamp:1;line-clamp:1}.gallery-items-view{padding:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.carousel-work-content p{max-height:42px;font-size:11px}}@media(max-width:480px){.gallery-content{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-album-image-container{height:100px}.gallery-album-content{padding:8px}.gallery-album-title{font-size:13px}.gallery-album-description{font-size:11px}.gallery-items-view{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px}}@media(hover:none)and (pointer:coarse){.gallery-album:hover,.gallery-item:hover{transform:none}.gallery-item-overlay{transform:translateY(0);background:linear-gradient(to top,rgba(0,0,0,.8),transparent)}.gallery-album:active,.gallery-item:active{transform:scale(.98)}}.gallery-header{padding:25px 80px 25px 30px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-shrink:0;position:relative;z-index:2;text-align:center}.gallery-header h3{font-size:clamp(20px,2.5vw,28px);background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;margin:0 auto;text-align:center;flex:1}.gallery-back-button{position:absolute;top:25px;left:25px;background:#00ff881a;color:var(--accent-green);border:1px solid var(--accent-green);padding:10px 20px;border-radius:50px;font-size:14px;cursor:pointer;z-index:10;display:flex;align-items:center;gap:8px;transition:all .3s;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);min-width:80px}.gallery-back-button:hover{background:var(--gradient-1);color:var(--bg-dark);transform:translate(-5px)}@media(max-width:768px){.gallery-header{padding:20px 70px 20px 20px}.gallery-header h3{font-size:20px;padding-left:40px}.gallery-back-button{top:18px;left:15px;padding:8px 15px;font-size:13px;min-width:70px}}@media(max-width:480px){.gallery-header{padding:15px 60px 15px 15px}.gallery-header h3{font-size:18px;padding-left:35px}.gallery-back-button{top:15px;left:10px;padding:6px 12px;font-size:12px;min-width:60px}.gallery-back-button i{margin-right:4px}}:root{--pc-bg: #050505;--pc-accent: #00ffaa;--pc-accent-contrast: #ff2d55;--pc-text: #f0f0f0;--pc-font-main: "Bricolage Grotesque", sans-serif;--pc-font-serif: "Instrument Serif", serif;--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-in-out-expo: cubic-bezier(1, 0, 0, 1)}body{background-color:var(--pc-bg)!important;color:var(--pc-text)!important;font-family:var(--pc-font-main)!important;line-height:1.1!important;overflow-x:hidden}.liquid-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-2;overflow:hidden;filter:contrast(150%) brightness(80%);background:var(--pc-bg)}.liquid-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;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.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.1;mix-blend-mode:overlay}.blob{position:absolute;width:50vw;height:50vw;background:linear-gradient(135deg,var(--pc-accent),var(--pc-accent-contrast));filter:blur(80px);border-radius:50%;opacity:.2;animation:blob-float 20s infinite alternate ease-in-out}.blob-1{top:-10%;left:-10%}.blob-2{bottom:-10%;right:-10%;animation-delay:-5s}@keyframes blob-float{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(10%,15%) scale(1.2) rotate(120deg)}66%{transform:translate(-15%,5%) scale(.8) rotate(240deg)}to{transform:translate(0) scale(1) rotate(360deg)}}.nav-wrapper{position:fixed;top:2rem;left:0;width:100%;display:flex;justify-content:center;z-index:2000;transition:all .5s var(--ease-out-expo)}.nav-wrapper.scrolled{top:1rem}nav{min-width:300px;padding:.75rem 2rem!important;background:#03030366!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:100px!important;display:flex!important;align-items:center!important;gap:3rem!important}.logo{font-family:var(--pc-font-main)!important;font-weight:800!important;font-size:1.5rem!important;cursor:pointer}.logo img{height:45px;width:auto;display:block;transition:transform .3s ease}.logo:hover img{transform:scale(1.05)}.nav-links{display:flex!important;gap:2rem!important;list-style:none}.nav-links a{font-size:.8rem!important;letter-spacing:1px!important;text-transform:capitalize!important;font-weight:500!important;color:#666!important;transition:all .3s ease!important}.nav-links a:hover{color:#fff!important;transform:translateY(-2px)}.mobile-btn{display:none;background:none;border:none;cursor:pointer}.burger{width:20px;height:1px;background:#fff;position:relative;transition:.3s}.burger:before,.burger:after{content:"";position:absolute;width:20px;height:1px;background:#fff;transition:.3s}.burger:before{top:-6px}.burger:after{top:6px;width:12px}.burger.active{background:transparent}.burger.active:before{transform:rotate(45deg);top:0}.burger.active:after{transform:rotate(-45deg);top:0;width:20px}@media(max-width:768px){.nav-links{display:none!important}.mobile-btn{display:block}}.hero{min-height:auto!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;text-align:center!important;padding:15vh 5vw 8vh!important;margin-bottom:0!important}.hero-title{position:relative!important;display:block!important;font-size:clamp(4rem,15vw,12rem)!important;font-weight:800!important;letter-spacing:-.04em!important;text-transform:uppercase!important;line-height:.85!important}.hero-title-main{display:block!important;color:#fff!important;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.hero-title-sub{display:block!important;font-family:var(--pc-font-serif)!important;font-style:italic!important;font-weight:400!important;text-transform:none!important;color:var(--pc-accent)!important;margin-top:-3vw!important;margin-left:10vw!important}.hero-tagline{font-family:var(--pc-font-serif)!important;font-size:2.2rem!important;font-style:italic!important;color:#666!important;max-width:800px!important;margin:2rem auto!important;line-height:1.2!important}.text-highlight{color:#fff!important;font-weight:500;text-decoration:underline var(--pc-accent) 2px}.hero-cta{display:flex;gap:2rem;margin-bottom:2.5rem}.hero-roles-minimal{display:flex;gap:1rem;font-size:.7rem;text-transform:uppercase;letter-spacing:5px;color:#333}.hero-roles-minimal span.separator{color:var(--pc-accent)}.about-artistic{position:relative;overflow:visible!important;padding-top:0!important}.about-canvas{display:grid!important;grid-template-columns:1.5fr 1fr!important;gap:5vw!important;margin-top:2vh}.text-large-reveal{font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:.9;letter-spacing:-2px;margin-bottom:2rem;color:#fff}.text-dim{color:#222;transition:color 1s ease}section.visible .text-dim,.visible section .text-dim,.visible .text-dim{color:#444}.text-story{font-size:1.1rem;line-height:1.6;max-width:500px;color:#888}.p-indent{margin-top:2rem;padding-left:15%}.about-gallery-art{position:relative;height:400px;width:100%}.art-box{position:absolute;padding:1rem 1.5rem!important;border:1px solid rgba(255,255,255,.05);background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:.5rem!important;transition:all .6s var(--ease-out-expo)}.art-box:hover{border-color:var(--pc-accent);transform:scale(1.05) translateY(-10px);z-index:20}.box-primary{top:0;left:0;width:60%!important;height:auto!important}.box-secondary{top:30%;right:0;width:60%!important;height:auto!important}.box-accent{bottom:10%;left:15%;width:50%!important;height:auto!important;background:var(--pc-accent);color:#000}.box-num{font-size:.7rem;font-family:var(--pc-font-serif);opacity:.5}.art-box h3{font-size:1rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:1px!important;line-height:1!important}section{padding:4vh 5vw!important;margin:0!important}.container{margin-top:0!important;padding-top:0!important}#about{padding-top:2vh!important}.section-title{font-size:clamp(1.5rem,5vw,2.8rem)!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:-.05em!important;margin-top:0!important;margin-bottom:2vh!important;color:#151515!important;-webkit-text-stroke:1px rgba(255,255,255,.1)!important;position:relative;opacity:1!important;transform:none!important;visibility:visible!important}.section-title:before{content:attr(data-text);position:absolute;left:0;top:0;width:100%;text-align:inherit;color:#fff!important;-webkit-text-stroke:0!important;clip-path:inset(0 100% 0 0);transition:clip-path 1.5s var(--ease-out-expo)}section.visible .section-title:before,.visible section .section-title:before,.visible .section-title:before{clip-path:inset(0 0 0 0)}.about-content{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10vw!important;align-items:start!important}.about-text{font-size:1.5rem!important;font-weight:300!important;line-height:1.4!important;color:#888!important}.about-text strong{color:#fff!important;font-weight:600}.about-visual{height:60vh!important;background:var(--pc-accent)!important;clip-path:polygon(0 0,100% 15%,100% 100%,0 85%);display:flex!important;align-items:center!important;justify-content:center!important}.visual-item{background:#000!important;padding:2rem!important;width:80%!important;transform:rotate(-5deg);border:1px solid rgba(255,255,255,.2)!important}.carousel-container{overflow:visible!important;perspective:2000px!important;margin:0 auto!important;padding:1rem 0!important}.carousel{min-height:480px!important}.carousel-navigation{display:flex!important;justify-content:center!important;align-items:center!important;margin-top:3rem!important;gap:3rem!important;z-index:10!important}.carousel-item{background:#ffffff03!important;border:1px solid rgba(255,255,255,.05)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;transition:all .8s var(--ease-out-expo)!important;min-height:300px!important;max-height:none!important}.carousel-item.active{background:#ffffff08!important;border-color:var(--pc-accent)!important;transform:translate(-50%) translateY(-50%) scale(1.1) rotateX(5deg)!important;height:auto!important;min-height:350px!important}.carousel-item:not(.active){filter:grayscale(1) opacity(.3) blur(2px)}.carousel-item-content h3{font-family:var(--pc-font-main)!important;font-size:2.5rem!important;font-weight:800!important;letter-spacing:-1px;line-height:1}.carousel-btn{width:50px!important;height:50px!important;border-radius:50%!important;background:var(--pc-accent)!important;color:#000!important;display:flex!important;align-items:center!important;justify-content:center!important;border:none!important;cursor:pointer!important;z-index:100!important;transition:all .3s ease!important;opacity:1!important;visibility:visible!important}.carousel-btn i{font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:1.2rem!important;color:#000!important}.carousel-btn:hover{transform:scale(1.1)!important;background:#fff!important}.work-item-carousel{filter:saturate(0);transition:filter .5s ease}.carousel-item.active .work-item-carousel{filter:saturate(1.2)}.carousel-work-tag{background:none!important;border:1px solid rgba(255,255,255,.1)!important;font-size:.6rem!important;letter-spacing:2px!important}footer{padding:4rem 6vw!important;border:none!important;display:flex;justify-content:space-between;align-items:flex-end}.footer-copy{font-size:.7rem;color:#333;text-transform:uppercase;letter-spacing:2px}.footer-time{font-family:var(--pc-font-serif);font-style:italic;font-size:1.5rem;color:#666}.contact-container{background:none!important;border:none!important;padding:0!important}.contact-info{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:1rem!important;margin-top:2rem!important;width:100%!important}.contact-item{background:#ffffff03!important;border:1px solid rgba(255,255,255,.03)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-radius:12px!important;padding:1rem!important;min-height:auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;transition:all .4s var(--ease-out-expo)!important}.contact-item:hover{background:#ffffff0a!important;border-color:var(--pc-accent)!important;transform:translateY(-8px) scale(1.02)!important;box-shadow:0 20px 40px #0006!important}.contact-icon{font-size:1.5rem!important;margin-bottom:.75rem!important;color:var(--pc-accent)!important;background:none!important;-webkit-text-fill-color:initial!important;-webkit-background-clip:initial!important;background-clip:initial!important}.contact-item h3{font-size:.65rem!important;color:#666!important;text-transform:uppercase!important;letter-spacing:2px!important;margin-bottom:.25rem!important}.contact-item p{font-size:clamp(.75rem,1.2vw,.9rem)!important;font-weight:600!important;color:#fff!important;transition:color .3s;word-break:break-word!important}.contact-item p:hover{color:var(--pc-accent)!important}.social-links{margin-top:3rem!important;gap:1rem!important;display:flex!important;justify-content:center!important}.social-link{width:45px!important;height:45px!important;font-size:1.1rem!important;border:1px solid rgba(255,255,255,.05)!important;background:#ffffff05!important;color:#fff!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .4s var(--ease-out-expo)!important;opacity:1!important;transform:none!important}.social-link:hover{background:var(--pc-accent)!important;color:#000!important;transform:translateY(-5px) scale(1.1)!important;box-shadow:0 10px 20px #0fa3!important}.btn{background:#fff!important;color:#000!important;padding:1.5rem 3rem!important;font-size:1rem!important;border-radius:100px!important;transition:all .5s var(--ease-out-expo)!important;overflow:hidden}.btn:hover{transform:scale(1.1) rotate(2deg)!important;background:var(--pc-accent)!important}.noise{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;pointer-events:none;opacity:.05;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.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}@media(max-width:1024px){section{padding:5vh 5vw!important}.about-content{grid-template-columns:1fr!important;gap:3rem!important}.hero-title{font-size:10vw!important}}@media(max-width:768px){.nav-wrapper{top:1rem;padding:0 1rem}nav{min-width:0;width:100%;justify-content:space-between;padding:.5rem 1.25rem!important;gap:1rem!important}.nav-links.active{display:flex!important;position:fixed;top:5rem;left:1rem;right:1rem;flex-direction:column;background:#0a0a0ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);align-items:center}section{padding:6vh 6vw!important;text-align:center!important}.container{width:100%!important;padding:0!important;display:flex!important;flex-direction:column!important;align-items:center!important}.hero-content{align-items:center!important;text-align:center!important}.hero-title{font-size:3.5rem!important;line-height:1!important;margin-bottom:1rem!important}.hero-tagline{font-size:1.1rem!important;margin:1rem auto!important;line-height:1.4!important}.hero-cta{flex-direction:column;width:100%;max-width:300px;margin:0 auto 2rem!important}.hero-roles-minimal{justify-content:center!important;font-size:.6rem!important;letter-spacing:3px!important;flex-wrap:wrap}.section-title{font-size:2rem!important;margin-bottom:2rem!important;text-align:center!important;width:100%;line-height:1.2!important;position:relative!important}.section-title:before{left:0!important;width:100%!important;text-align:center!important}.text-large-reveal{font-size:1.8rem!important;text-align:center!important}.about-gallery-art{height:auto!important;display:flex!important;flex-direction:column!important;gap:1rem!important;margin-top:2rem!important}.art-box{position:relative!important;width:100%!important;inset:0!important;transform:none!important;padding:1.25rem!important}.carousel-item{width:260px!important;min-height:280px!important}.carousel-item-content h3{font-size:1.5rem!important}.contact-info{grid-template-columns:1fr!important;gap:1rem!important;width:100%!important}.contact-item{padding:1.25rem!important}.contact-item p{font-size:.75rem!important}.social-links{margin-top:2rem!important;gap:.75rem!important}.social-link{width:40px!important;height:40px!important}.carousel{min-height:400px!important}.carousel-navigation{margin-top:2rem!important;gap:1.5rem!important}}@media(max-height:600px){.hero-roles-minimal{display:none}.hero-tagline{margin:1rem auto!important;font-size:1.2rem!important}}