:root{--bg-color:#050505;--text-color:#fff;--text-muted:#a0a0a0;--accent:#06f;--accent-rgb:0, 102, 255;--placeholder:#fff;--item-bg:#111;--glass-bg:#0f121cb3;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;overflow-x:hidden}::selection{background-color:var(--accent);color:var(--text-color)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}a{color:inherit;text-decoration:none}.gradient-bg{z-index:-3;pointer-events:none;background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #0066ff26 0%, #050505 50%);width:100vw;height:100vh;transition:background .1s ease-out;position:fixed;top:0;left:0}.noise-overlay{z-index:-2;pointer-events:none;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100vw;height:100vh;position:fixed;top:0;left:0}header{z-index:100;mix-blend-mode:difference;justify-content:space-between;align-items:center;width:100%;padding:2rem 4rem;display:flex;position:fixed;top:0}.logo{letter-spacing:-1px;font-size:1.5rem;font-weight:800}nav a{text-transform:uppercase;letter-spacing:1px;margin-left:2rem;font-size:.9rem;font-weight:600;transition:color .3s;position:relative}nav a:after{content:"";background-color:var(--accent);width:0%;height:1px;transition:width .3s,box-shadow .3s;position:absolute;bottom:-4px;left:0}nav a:hover{color:var(--accent);text-shadow:0 0 8px #06f6}nav a:hover:after{width:100%;box-shadow:0 0 8px var(--accent)}.menu-toggle{cursor:pointer;z-index:1000;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:20px;padding:0;display:none}.hamburger-bar{background-color:var(--text-color);width:100%;height:2px;transition:all .3s}.hero{align-items:center;gap:4rem;min-height:100vh;padding:2rem 4rem;display:flex;position:relative;overflow:visible}.hero-left,.hero-right{flex-direction:column;flex:1;justify-content:center;display:flex}.hero-left{align-items:center}.image-placeholder{aspect-ratio:1;background-color:var(--placeholder);border-radius:4px;width:100%;max-width:450px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden}.image-placeholder img{object-fit:cover;width:100%;height:100%;display:block}.image-placeholder:hover{transform:translateY(-15px);box-shadow:0 0 80px #06f9}.hero-title{letter-spacing:-2px;margin-bottom:2rem;font-size:clamp(3rem,6vw,6rem);font-weight:800;line-height:1.1}.hero-desc{color:var(--text-muted);max-width:90%;margin-bottom:3rem;font-size:clamp(1rem,1.2vw,1.15rem);font-weight:300;line-height:1.6}.cta-button{border:1px solid var(--text-color);text-transform:uppercase;letter-spacing:1px;z-index:1;border-radius:50px;padding:1rem 2.5rem;font-size:.9rem;font-weight:600;transition:all .4s;display:inline-block;position:relative;overflow:hidden}.cta-button:before{content:"";background:var(--accent);z-index:-1;transform-origin:100%;width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.cta-button:hover{border-color:var(--accent);color:var(--bg-color);box-shadow:0 0 20px #06f6}.cta-button:hover:before{transform-origin:0;transform:scaleX(1)}.gallery-3d-section{background:0 0;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative;overflow:hidden}.canvas-3d-fullscreen{z-index:1;cursor:grab;width:100%;height:100%;position:absolute;inset:0}.canvas-3d-fullscreen:active{cursor:grabbing}.canvas-3d-fullscreen canvas{outline:none;display:block;width:100%!important;height:100%!important}.audiovisual-section{z-index:2;background:linear-gradient(#060810f2 0%,#0a0e1afa 100%);padding:6rem 8%;position:relative}.audiovisual-header{text-align:center;max-width:800px;margin:0 auto 4rem}.section-title{letter-spacing:-1px;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:800}.section-subtitle{color:#a0a5b5;margin-top:.5rem;font-size:1rem;line-height:1.5}.audiovisual-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2.5rem;max-width:1400px;margin:0 auto;display:grid}.audiovisual-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden;box-shadow:0 20px 50px #00000080}.audiovisual-card:hover{border-color:#06f6;transform:translateY(-8px);box-shadow:0 25px 60px #0066ff26}.video-iframe-wrapper{background:#000;width:100%;padding-top:56.25%;position:relative}.video-iframe-wrapper iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.audiovisual-info{flex-direction:column;gap:.75rem;padding:2rem;display:flex}.audiovisual-tag{letter-spacing:1.5px;color:var(--accent);text-transform:uppercase;font-size:.75rem;font-weight:700}.audiovisual-title{color:#fff;margin:0;font-size:1.6rem;font-weight:700}.audiovisual-desc{color:#a0a5b5;margin:0;font-size:.95rem;line-height:1.6}.covers-section{z-index:2;background:linear-gradient(#0a0e1afa 0%,#060810f2 100%);border-top:1px solid #ffffff0d;padding:6rem 8%;position:relative}.covers-header{text-align:center;max-width:800px;margin:0 auto 3rem}.covers-3d-wrapper{flex-direction:column;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative}.canvas-covers-3d{cursor:grab;width:100%;height:520px;position:relative}.canvas-covers-3d:active{cursor:grabbing}.canvas-covers-3d canvas{outline:none;display:block;width:100%!important;height:100%!important}.lightbox-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;opacity:0;pointer-events:none;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.lightbox-overlay.active{opacity:1;pointer-events:auto}.lightbox-img{object-fit:contain;border-radius:8px;max-width:72%;max-height:68vh;transition:transform .4s cubic-bezier(.25,1,.5,1);transform:scale(.9);box-shadow:0 0 50px #06f3}.lightbox-overlay.active .lightbox-img{transform:scale(1)}.lightbox-close{color:var(--text-color);cursor:pointer;z-index:1001;background:0 0;border:none;font-size:3rem;transition:color .3s,transform .3s;position:absolute;top:30px;right:40px}.lightbox-close:hover{color:var(--accent);transform:scale(1.1)}.lightbox-nav{color:var(--text-color);cursor:pointer;z-index:1001;-webkit-user-select:none;user-select:none;background:0 0;border:none;padding:20px;font-size:4rem;transition:color .3s,text-shadow .3s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-nav:hover{color:var(--accent);text-shadow:0 0 15px #06f9}.skills-section{border-top:1px solid #ffffff0d;flex-direction:column;justify-content:center;min-height:100vh;padding:8rem 4rem;display:flex}.skills-container{width:100%;max-width:1000px;margin:0 auto}.skills-header{text-align:center;margin-bottom:4rem}.skills-header h2{letter-spacing:-1px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.skills-header p{color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-top:.5rem;font-size:.85rem;font-weight:600}.skills-graph{justify-content:space-between;align-items:flex-end;gap:1.5rem;height:400px;display:flex}.skill-bar-container{cursor:pointer;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:110px;display:flex}.skill-track{background-color:#ffffff0d;border-radius:12px;align-items:flex-end;width:100%;max-width:70px;height:300px;padding:0;display:flex;overflow:hidden}.skill-bar{background-color:#fff;border-radius:0;justify-content:center;align-items:flex-start;width:100%;height:0;padding-top:10px;transition:background-color .3s,box-shadow .3s;display:flex;position:relative}.skill-percentage{color:var(--bg-color);opacity:0;font-size:.9rem;font-weight:800;transition:opacity .3s}.skill-footer{flex-direction:column;justify-content:flex-start;align-items:center;gap:.8rem;height:80px;display:flex}.skill-icon-placeholder{background-color:#0000;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;transition:transform .3s,filter .3s;display:flex}.skill-icon-placeholder img{object-fit:contain;filter:grayscale()brightness(1.5);width:100%;height:100%;transition:filter .3s}.skill-name{text-align:center;color:var(--text-muted);word-wrap:break-word;max-width:100%;font-size:.75rem;font-weight:600;line-height:1.2;transition:color .3s}.skill-bar-container:hover .skill-bar{background-color:var(--accent);box-shadow:0 0 30px #06f6}.skill-bar-container:hover .skill-percentage{opacity:1}.skill-bar-container:hover .skill-icon-placeholder{transform:translateY(-5px)scale(1.1)}.skill-bar-container:hover .skill-icon-placeholder img{filter:grayscale(0)drop-shadow(0 0 10px #0066ff80)}.skill-bar-container:hover .skill-name{color:var(--text-color)}.spacer{border-top:1px solid #ffffff0d;justify-content:center;align-items:center;height:60vh;display:flex}.spacer h2{cursor:none;-webkit-user-select:none;user-select:none;font-size:clamp(2rem,5vw,4rem);font-weight:300}.magnify-text{display:inline-block}.magnify-text span{will-change:transform;transition:transform .1s ease-out;display:inline-block}footer{border-top:1px solid #ffffff1a;padding:6rem 4rem 2rem}.footer-content{justify-content:space-between;align-items:flex-start;margin-bottom:6rem;display:flex}.footer-left h2{letter-spacing:-1px;margin-bottom:1rem;font-size:3rem;font-weight:600}.footer-email{color:var(--text-muted);text-underline-offset:8px;font-size:1.5rem;-webkit-text-decoration:underline #fff3;text-decoration:underline #fff3;transition:color .3s}.footer-email:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-shadow:0 0 10px #0066ff80}.flex-links{flex-direction:column;align-items:flex-end;gap:1rem;display:flex}.social-link{text-transform:uppercase;letter-spacing:2px;font-size:1.2rem;font-weight:600;transition:all .3s;position:relative}.social-link:hover{color:var(--accent);text-shadow:0 0 10px #06f6;transform:translate(-10px)}.footer-bottom{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}@media (width<=1024px),(hover:none) and (pointer:coarse){nav a:hover{color:inherit;text-shadow:none}nav a:hover:after{width:0%;box-shadow:none}.image-placeholder:hover{box-shadow:none;transform:none}.cta-button:hover{border-color:var(--text-color);color:inherit;box-shadow:none}.cta-button:hover:before{transform:scaleX(0)}.audiovisual-card:hover{border-color:var(--glass-border);transform:none;box-shadow:0 20px 50px #00000080}.skill-bar-container:hover .skill-bar{box-shadow:none;background-color:#fff}.skill-bar-container:hover .skill-percentage{opacity:0}.skill-bar-container:hover .skill-icon-placeholder{transform:none}.skill-bar-container:hover .skill-icon-placeholder img{filter:grayscale()brightness(1.5)}.skill-bar-container:hover .skill-name{color:var(--text-muted)}.lightbox-close:hover{color:var(--text-color);transform:none}.lightbox-nav:hover{color:var(--text-color);text-shadow:none}.footer-email:hover{color:var(--text-muted);text-shadow:none;text-decoration-color:#fff3}.social-link:hover{color:inherit;text-shadow:none;transform:none}}@media (width>=769px) and (width<=1024px){.hero{flex-direction:row;justify-content:space-between;align-items:center;gap:3rem;min-height:100vh;padding:6rem 3rem 2rem}.hero-left{flex:1;align-items:center;max-width:380px}.image-placeholder{width:100%;max-width:350px}.hero-right{text-align:left;flex:1.2;align-items:flex-start}.hero-title{margin-bottom:1.5rem;font-size:clamp(2.8rem,4.5vw,4rem)}.hero-desc{max-width:100%;margin-bottom:2rem;font-size:1.05rem}}@media (width<=1024px){.covers-section{padding:6rem 2rem}footer{padding:4rem 2rem 2rem}.footer-content{flex-direction:column;gap:3rem}.flex-links{align-items:flex-start}.skills-section{padding:6rem 2rem}.skills-graph{flex-wrap:wrap;justify-content:center;gap:2rem 1rem;height:auto}.skill-bar-container{flex:0 0 calc(25% - 1rem)}.skill-track{height:200px}}@media (width<=768px){header{mix-blend-mode:normal;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050505d9;justify-content:space-between;align-items:center;padding:1.5rem 2rem}.logo{z-index:1001}.menu-toggle{display:flex}nav#main-nav{background:var(--bg-color);z-index:999;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;transition:right .4s cubic-bezier(.77,0,.175,1);display:flex;position:fixed;top:0;right:-100%}nav#main-nav.active{right:0}nav a{margin:1.5rem 0;font-size:1.5rem}.menu-toggle.active .hamburger-bar:first-child{transform:translateY(9px)rotate(45deg)}.menu-toggle.active .hamburger-bar:nth-child(2){opacity:0}.menu-toggle.active .hamburger-bar:nth-child(3){transform:translateY(-9px)rotate(-45deg)}.hero{text-align:center;flex-direction:column;justify-content:center;gap:2rem;min-height:100vh;padding:8rem 2rem 4rem}.hero-left{order:1;width:100%;max-width:320px;margin-bottom:1rem}.image-placeholder{width:100%}.hero-right{text-align:center;flex-direction:column;order:2;align-items:center;display:flex}.hero-title{font-size:clamp(2.5rem,8vw,3.8rem)}.hero-desc{max-width:100%;margin-bottom:2rem}.lightbox-nav{padding:10px;font-size:2.5rem}.spacer{display:none}.skill-bar-container{flex:0 0 calc(33.333% - 1rem)}.audiovisual-grid{grid-template-columns:1fr}}@media (width<=480px){header{padding:1.2rem}.skill-bar-container{flex:0 0 calc(50% - 1rem)}.footer-left h2{font-size:2rem}.footer-email{font-size:1rem}}