.custom-loader{width:50px;height:50px;display:grid}.custom-loader:before,.custom-loader:after{content:"";grid-area:1/1;--c: radial-gradient(farthest-side,#766DF4 92%,#0000);background:var(--c) 50% 0,var(--c) 50% 100%,var(--c) 100% 50%,var(--c) 0 50%;background-size:12px 12px;background-repeat:no-repeat;animation:s2 1s infinite}.custom-loader:before{margin:4px;filter:hue-rotate(45deg);background-size:8px 8px;animation-timing-function:linear}@keyframes s2{to{transform:rotate(.5turn)}}*{margin:0;padding:0}body{overflow-x:hidden;background-color:#000;margin:0;padding:0}.hero-container{position:relative;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.retrato{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;border-radius:50%;overflow:hidden;z-index:1}.foto-retrato{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;border-radius:50%}.hydra{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0;transition:opacity 2s ease-in}.nombre{font-family:IBM Plex Mono,monospace;font-weight:700;font-style:normal;color:#adff2f;font-size:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:2;cursor:pointer;transition:all .3s ease;will-change:transform,opacity,text-shadow,filter;user-select:none;white-space:nowrap;overflow:hidden;display:inline-block;min-width:max-content}.about-container{font-family:IBM Plex Mono,monospace;font-weight:200;font-style:normal;color:#adff2f;font-size:24px;min-height:100vh;padding:60px 40px;background-color:#000000e6;backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.about-title{font-size:48px;font-weight:600;margin-bottom:30px;color:#adff2f;cursor:pointer;transition:all .3s ease;will-change:transform,opacity,text-shadow,filter;user-select:none;white-space:nowrap;overflow:hidden;display:inline-block;min-width:max-content}.about-text{font-size:18px;line-height:1.6;max-width:800px;font-weight:300}.word-wrapper{display:inline-block;overflow:hidden;vertical-align:top}.word{display:inline-block;will-change:transform,opacity}.char{display:inline-block;will-change:opacity}.works-container{font-family:IBM Plex Mono,monospace;color:#adff2f;min-height:100vh;padding:60px 40px;background-color:#000000f2;text-align:center}.works-title{font-size:48px;font-weight:600;margin-bottom:60px;color:#adff2f;white-space:nowrap;overflow:hidden;display:inline-block;min-width:max-content;cursor:pointer;transition:all .3s ease;will-change:transform,opacity,text-shadow,filter;user-select:none}.work-item{max-width:1200px;margin:0 auto 100px;padding:40px;background-color:#000c;border-radius:20px;backdrop-filter:blur(10px);border:1px solid rgba(173,255,47,.2)}.work-header{text-align:center;margin-bottom:40px}.work-title{font-size:36px;font-weight:600;margin-bottom:20px;color:#adff2f}.work-description{font-size:18px;line-height:1.6;color:#adff2fcc;max-width:800px;margin:0 auto}.work-participants{font-size:14px;line-height:1.4;color:#adff2fb3;max-width:800px;margin:15px auto 0;font-weight:300}.work-participants b{color:#adff2fe6;font-weight:500}.work-technologies{font-size:14px;line-height:1.4;color:#adff2f99;max-width:800px;margin:10px auto 0;font-weight:300;font-style:italic}.work-technologies b{color:#adff2fcc;font-weight:500;font-style:normal}.work-carousel{position:relative;width:100%;height:500px;margin-top:40px;overflow:hidden;border-radius:15px;background-color:#00000080}.carousel-container{position:relative;width:100%;height:100%}.carousel-track{display:flex;height:100%;transition:transform .5s cubic-bezier(.25,.1,.25,1)}.carousel-slide{flex:0 0 100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.carousel-slide img,.carousel-slide video{width:100%;height:100%;object-fit:contain;object-position:center;display:block;border-radius:inherit;min-width:100%;min-height:100%;max-width:none;max-height:none}.carousel-slide img{background-color:#0000001a;transition:opacity .3s ease}.carousel-slide img:not([src]),.carousel-slide img[src=""]{opacity:0}.carousel-slide img[src]:not([src=""]){opacity:1}.carousel-slide video{background-color:#0000001a}.carousel-controls{position:absolute;top:50%;transform:translateY(-50%);background-color:#adff2f33;border:2px solid rgba(173,255,47,.5);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(5px);z-index:10}.carousel-controls:hover{background-color:#adff2f66;border-color:#adff2fcc;scale:1.1}.carousel-controls.prev{left:20px}.carousel-controls.next{right:20px}.carousel-arrow{width:20px;height:20px;border:none;background:none;color:#adff2f;font-size:18px;font-weight:700}.carousel-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.carousel-indicator{width:12px;height:12px;border-radius:50%;background-color:#adff2f4d;border:1px solid rgba(173,255,47,.5);cursor:pointer;transition:all .3s ease}.carousel-indicator.active{background-color:#adff2fcc;border-color:#adff2f}.carousel-counter{position:absolute;top:20px;right:20px;background-color:#000000b3;color:#adff2f;padding:8px 16px;border-radius:20px;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:500;backdrop-filter:blur(5px);z-index:10}.video-controls{position:absolute;bottom:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:15px;background-color:#000c;padding:12px 20px;border-radius:25px;backdrop-filter:blur(10px);border:1px solid rgba(173,255,47,.3);z-index:15;opacity:0;visibility:hidden;transition:all .3s ease}.carousel-slide:hover .video-controls{opacity:1;visibility:visible}.video-control-btn{background:none;border:none;color:#adff2f;cursor:pointer;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background-color:#adff2f1a;border:1px solid rgba(173,255,47,.3)}.video-control-btn:hover{background-color:#adff2f33;border-color:#adff2f80;transform:scale(1.1)}.video-control-btn span{font-size:14px;line-height:1}.volume-control{display:flex;align-items:center;gap:10px}.volume-slider{width:80px;height:4px;background:rgba(173,255,47,.3);border-radius:2px;outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:greenyellow;border-radius:50%;cursor:pointer;transition:all .3s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);background:rgba(173,255,47,.9)}.volume-slider::-moz-range-thumb{width:16px;height:16px;background:greenyellow;border-radius:50%;cursor:pointer;border:none;transition:all .3s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2);background:rgba(173,255,47,.9)}.carousel-slide video{outline:none}.carousel-slide video::-webkit-media-controls{display:none!important}.carousel-slide video::-webkit-media-controls-panel{display:none!important}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:rgba(0,0,0,.9);border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(173,255,47,.8) 0%,rgba(173,255,47,.6) 50%,rgba(173,255,47,.4) 100%);border-radius:6px;border:2px solid rgba(0,0,0,.9);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(173,255,47,1) 0%,rgba(173,255,47,.8) 50%,rgba(173,255,47,.6) 100%);border:2px solid rgba(0,0,0,.7);box-shadow:0 0 10px #adff2f4d}::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,rgba(173,255,47,1) 0%,rgba(173,255,47,.9) 100%);box-shadow:0 0 15px #adff2f80}::-webkit-scrollbar-corner{background:rgba(0,0,0,.9)}html{scrollbar-width:thin;scrollbar-color:rgba(173,255,47,.8) rgba(0,0,0,.9)}.work-carousel::-webkit-scrollbar{width:8px;height:8px}.work-carousel::-webkit-scrollbar-thumb{background:rgba(173,255,47,.6);border-radius:4px;border:1px solid rgba(0,0,0,.8)}.work-carousel::-webkit-scrollbar-thumb:hover{background:rgba(173,255,47,.8);box-shadow:0 0 5px #adff2f4d}@media (max-width: 768px){.nombre{font-size:120px;white-space:nowrap;overflow:hidden;display:inline-block;min-width:max-content}.retrato{width:300px;height:300px}.about-container{padding:40px 20px}.about-title{font-size:36px;white-space:nowrap;overflow:hidden;display:inline-block;min-width:max-content}.about-text{font-size:16px}.works-container{padding:40px 20px}.works-title{font-size:36px;white-space:nowrap;overflow:hidden;display:inline-block;min-width:max-content}.work-item{padding:20px}.work-title{font-size:28px}.work-description{font-size:16px}.work-participants,.work-technologies{font-size:12px}.scroll-indicator{bottom:30px}.scroll-arrow{width:35px;height:35px}.arrow-down{font-size:18px}.scroll-text{font-size:11px}.work-carousel{height:300px}.video-controls{bottom:40px;padding:10px 15px;gap:10px}.video-control-btn{width:35px;height:35px;padding:6px}.video-control-btn span{font-size:12px}.volume-slider{width:60px}}@media (max-width: 480px){.nombre{font-size:80px;white-space:nowrap;overflow:hidden;display:inline-block;min-width:max-content}.retrato{width:200px;height:200px}.about-title{font-size:28px;white-space:nowrap;overflow:hidden;display:inline-block;min-width:max-content}.about-text,.work-description{font-size:14px}.work-participants,.work-technologies{font-size:10px}.scroll-indicator{bottom:25px}.scroll-arrow{width:32px;height:32px}.arrow-down{font-size:16px}.scroll-text{font-size:10px}.video-controls{bottom:30px;padding:8px 12px;gap:8px}.video-control-btn{width:30px;height:30px;padding:4px}.video-control-btn span{font-size:10px}.volume-slider{width:50px}}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;z-index:3;cursor:pointer;opacity:.8;transition:opacity .3s ease}.scroll-indicator:hover{opacity:1}.scroll-arrow{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:2px solid rgba(173,255,47,.6);border-radius:50%;margin-bottom:8px;animation:scrollPulse 2s infinite ease-in-out}.arrow-down{font-size:20px;color:#adff2f;font-weight:700;animation:scrollBounce 1.5s infinite ease-in-out}.scroll-text{font-family:IBM Plex Mono,monospace;font-size:12px;color:#adff2fcc;font-weight:300;letter-spacing:1px;text-transform:uppercase}@keyframes scrollPulse{0%{border-color:#adff2f99;box-shadow:0 0 #adff2f66}50%{border-color:#adff2fcc;box-shadow:0 0 0 10px #adff2f00}to{border-color:#adff2f99;box-shadow:0 0 #adff2f00}}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}