:root{--bg-primary:#0a0a0a;--bg-secondary:#111111;--bg-tertiary:#1a1a1a;--text-primary:#ffffff;--text-secondary:rgba(255, 255, 255, 0.85);--text-muted:rgba(255, 255, 255, 0.4);--accent-primary:#ffffff;--accent-secondary:#e0e0e0;--accent-glow:rgba(255, 255, 255, 0.3);--glass-bg:rgba(255, 255, 255, 0.03);--glass-border:rgba(255, 255, 255, 0.08);--liquid-glass-bg:rgba(255,255,255,0.06);--liquid-glass-border:rgba(255,255,255,0.22);--liquid-glass-blur:24px;--liquid-glass-shadow:0 8px 32px rgba(0,0,0,0.35),0 2px 8px rgba(0,0,0,0.2);--liquid-glass-highlight:rgba(255,255,255,0.55);--liquid-glass-inner:rgba(255,255,255,0.04);--liquid-glass-refract:rgba(255,255,255,0.12);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-display:'Syne',-apple-system,BlinkMacSystemFont,sans-serif;--transition-smooth:cubic-bezier(0.25, 0.8, 0.25, 1);--transition-bounce:cubic-bezier(0.34, 1.56, 0.64, 1)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::before{content:'';position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:4px}.container{max-width:1400px;margin:0 auto;padding:0 60px}.container-fluid{width:100%;padding:0 40px}.section{min-height:100vh;padding:120px 0;position:relative}.hero-section{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-video-container{position:absolute;inset:0;z-index:0}.hero-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;opacity:0;transition:opacity 2s ease-in-out}.hero-video.active{opacity:1}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.55) 0,rgba(10,10,10,.7) 50%,rgba(10,10,10,.92) 100%);z-index:1}.hero-video-dots{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}.hero-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .4s ease}.hero-dot.active{background:#fff;width:24px;border-radius:3px}.hero-content{position:relative;z-index:10;text-align:center;max-width:900px;padding:0 40px}.hero-tagline{font-size:.9rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:30px;animation:fadeInUp 1s ease forwards;animation-delay:.3s;opacity:0}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem, 7vw, 6rem);font-weight:900;line-height:.95;letter-spacing:-.03em;margin-bottom:30px;text-shadow:2px 0 rgba(255,0,0,.2),-2px 0 rgba(0,255,255,.2)}.title-line{display:block;animation:fadeInUp 1s ease forwards;opacity:0}.title-line:first-child{animation-delay:.5s}.title-line:nth-child(2){animation-delay:.7s}.title-line:nth-child(3){animation-delay:.9s}.title-line.accent{color:var(--accent-primary);text-shadow:0 0 60px var(--accent-glow)}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary);max-width:500px;margin:0 auto 40px;animation:fadeInUp 1s ease forwards;animation-delay:1.1s;opacity:0}.hero-cta{display:inline-block;padding:18px 48px;position:relative;overflow:hidden;isolation:isolate;color:var(--text-primary);text-decoration:none;font-weight:600;font-size:.9rem;letter-spacing:.1em;text-transform:uppercase;border-radius:50px;border:1px solid rgba(255,255,255,0.22);background:linear-gradient(135deg,rgba(255,255,255,0.14) 0%,rgba(255,255,255,0.06) 40%,rgba(255,255,255,0.03) 100%);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,0.35),0 2px 8px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.45),inset 0 -1px 0 rgba(0,0,0,0.12);transition:all .4s var(--transition-smooth);animation:fadeInUp 1s ease forwards;animation-delay:1.3s;opacity:0}.hero-cta::before{content:\'\';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(175deg,rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 70%,rgba(255,255,255,0.08) 100%);pointer-events:none;z-index:1}.hero-cta::after{content:\'\';position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.18),transparent);border-radius:inherit;pointer-events:none;z-index:2;transition:left .6s var(--transition-smooth)}.hero-cta:hover::after{left:125%}.hero-cta:hover{transform:translateY(-2px) scale(1.02);border-color:rgba(255,255,255,0.38);background:linear-gradient(135deg,rgba(255,255,255,0.20) 0%,rgba(255,255,255,0.09) 40%,rgba(255,255,255,0.05) 100%);box-shadow:0 12px 40px rgba(0,0,0,0.4),0 4px 12px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.55),inset 0 -1px 0 rgba(0,0,0,0.15),0 0 0 1px rgba(255,255,255,0.12);color:var(--text-primary)}.about-section{background:var(--bg-secondary)}.about-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:center}.about-image{position:relative;width:350px;height:350px;flex-shrink:0}.about-image img{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:grayscale(20%);transition:filter .5s ease}.about-image:hover img{filter:grayscale(0%)}.image-border{position:absolute;inset:-15px;border:1px solid var(--accent-primary);border-radius:50%;opacity:.4;pointer-events:none;animation:borderRotate 8s linear infinite}.image-border::before{content:'';position:absolute;inset:12px;border:1px dashed rgba(255,255,255,.15);border-radius:50%;animation:borderRotate 12s linear infinite reverse}@keyframes borderRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.about-image:hover .image-border{animation-play-state:paused;opacity:.7}.section-label{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:20px}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem, 3vw, 3rem);font-weight:800;line-height:1.2;margin-bottom:30px;padding-bottom:10px;text-shadow:2px 0 rgba(255,0,0,.2),-2px 0 rgba(0,255,255,.2)}.section-title .accent{color:var(--accent-primary)}.about-text{font-size:1.1rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.8}.about-text--primary{font-size:1.05rem;color:var(--text-primary)}.about-cta-small{padding:12px 24px;font-size:.9rem}.about-faq-title{font-family:var(--font-display);margin-top:25px;margin-bottom:5px;font-size:1.1rem;color:var(--text-primary)}.page-title{font-family:var(--font-display)}.about-cta-wrapper{margin-top:30px}.about-skills{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.skill-tag{padding:10px 20px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;font-size:.85rem;color:var(--text-secondary);transition:all .3s ease}.skill-tag:last-child{border-color:var(--accent-primary);color:var(--accent-primary)}.skill-tag:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.projects-section{background:var(--bg-primary)}.section-header{text-align:center;margin-bottom:80px;word-break:break-word;padding-bottom:15px}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.project-card{position:relative;border-radius:20px;overflow:hidden;background:var(--bg-secondary);cursor:pointer;transition:transform .5s var(--transition-smooth);text-decoration:none}.project-card:hover{transform:translateY(-10px)}.project-card.large{grid-column:span 2}.project-card.wide{grid-column:span 2}.project-media{position:relative;width:100%;padding-top:56.25%;overflow:hidden}.project-card.large .project-media{padding-top:45%}.project-media img,.project-media video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--transition-smooth)}.project-card:hover .project-media img,.project-card:hover .project-media video{transform:scale(1.05)}.project-info{padding:30px}.project-category{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:10px;display:block}.project-title{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:var(--text-primary)}.project-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.gallery-section{background:var(--bg-secondary);padding:100px 0 180px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.gallery-item{position:relative;overflow:hidden;border-radius:15px;cursor:pointer}.gallery-item::before{content:'';display:block;padding-top:100%}.gallery-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--transition-smooth)}.gallery-item:hover img{transform:scale(1.1)}.gallery-item-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 40%,transparent 70%);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:20px;opacity:0;transition:opacity .4s ease;pointer-events:none}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-overlay span{color:#fff;font-weight:600;font-size:.9rem;text-align:left;transform:translateY(12px);transition:transform .4s ease;line-height:1.3}.gallery-item:hover .gallery-item-overlay span{transform:translateY(0)}.gallery-item-tag{position:absolute;top:12px;right:12px;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.4);color:rgba(255,255,255,.8);pointer-events:none;z-index:2;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-item-tag{opacity:1}.contact-section{background:var(--bg-tertiary);min-height:auto;padding:150px 0 60px}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-title{font-family:var(--font-display);font-size:clamp(2rem, 5vw, 4rem);font-weight:900;margin-bottom:30px;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(2px 0 rgba(255, 0, 0, .3)) drop-shadow(-2px 0 rgba(0, 255, 255, .3));overflow:hidden;word-break:break-word;overflow-wrap:break-word;max-width:100%}.contact-email{font-size:1.3rem;color:var(--text-secondary);text-decoration:none;transition:color .3s ease;display:inline-block;margin-bottom:40px}.contact-email:hover{color:var(--accent-primary)}.social-links{display:flex;justify-content:center;gap:30px}.social-link{display:flex;align-items:center;gap:10px;padding:12px 24px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.05) 100%);border:1px solid rgba(255,255,255,0.22);border-radius:50px;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.1);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all .3s ease}.social-link svg{width:24px;height:24px}.social-link:hover{background:linear-gradient(135deg,rgba(255,255,255,0.20) 0%,rgba(255,255,255,0.09) 100%);border-color:rgba(255,255,255,0.4);color:var(--text-primary);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.55),inset 0 -1px 0 rgba(0,0,0,0.15)}.footer-bar{display:flex;justify-content:space-between;align-items:center;padding:30px 60px;margin-top:100px;border-top:1px solid var(--glass-border);font-size:.85rem;color:var(--text-muted)}.footer-accent{color:var(--accent-primary)}.secret-link{text-decoration:none;transition:all .3s ease;cursor:pointer;opacity:.25}.secret-link:hover{opacity:.6}#dont-touch{background:0 0;border:none;padding:0;font-family:inherit;font-size:inherit;cursor:pointer;outline:0;color:inherit}.dont-touch-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;user-select:none;opacity:0;animation:fadeInOverlay .3s forwards}@keyframes fadeInOverlay{to{opacity:1}}.dont-touch-card{background:var(--liquid-glass-bg);border:1px solid var(--liquid-glass-border);backdrop-filter:blur(var(--liquid-glass-blur));-webkit-backdrop-filter:blur(var(--liquid-glass-blur));box-shadow:var(--liquid-glass-shadow),0 0 50px rgba(0,0,0,.5);padding:60px 80px;border-radius:30px;transform:scale(.9);animation:popInCard .4s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes popInCard{to{transform:scale(1)}}.dont-touch-message{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:20px;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 30px var(--accent-glow)}.dont-touch-countdown{font-family:Inter,sans-serif;font-size:8rem;font-weight:900;color:var(--accent-primary);line-height:1;text-shadow:2px 0 rgba(255,0,0,.4),-2px 0 rgba(0,255,255,.4);animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}100%{transform:scale(1);opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.reveal-on-scroll{opacity:0;transform:translateY(60px);transition:all .8s var(--transition-smooth)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.hero-section::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:80px;background:var(--bg-secondary);clip-path:polygon(0 100%,100% 0,100% 100%);z-index:2}.about-section::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:80px;background:var(--bg-secondary);clip-path:polygon(0 0,100% 100%,0 100%);z-index:2}.gallery-section::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:80px;background:var(--bg-tertiary);clip-path:polygon(0 100%,100% 0,100% 100%);z-index:2}@media (min-width:1025px){a,body,body *,button,html,input,select,textarea{cursor:none!important}}.cursor-dot{position:fixed;top:0;left:0;width:5px;height:5px;background:#fff;border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);opacity:0;will-change:transform,left,top;transition:opacity .3s ease,width .2s ease,height .2s ease}.cursor-dot.clicking{width:3px;height:3px;opacity:.6}.cursor-ring{position:fixed;top:0;left:0;width:38px;height:38px;border:1px solid rgba(255,255,255,.45);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);opacity:0;will-change:transform,left,top,width,height;transition:width .4s cubic-bezier(.25, .8, .25, 1),height .4s cubic-bezier(.25, .8, .25, 1),border-color .3s ease,opacity .3s ease,background .3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}.cursor-ring::after{content:'VER';font-family:Inter,sans-serif;font-size:.55rem;font-weight:700;letter-spacing:.15em;color:rgba(255,255,255,0);transition:color .3s ease .1s;user-select:none}.cursor-ring.hovered-visual{width:72px;height:72px;border-color:rgba(255,255,255,.9);background:rgba(255,255,255,.06);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.cursor-ring.hovered-visual::after{color:rgba(255,255,255,.9)}.cursor-ring.hovered-link{width:52px;height:52px;border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.04)}.cursor-ring.clicking{width:28px;height:28px;border-color:#fff;transition:width .12s ease,height .12s ease,border-color .12s ease}.cursor-glow{position:fixed;top:0;left:0;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.07) 0,transparent 65%);border-radius:50%;pointer-events:none;z-index:99997;transform:translate(-50%,-50%);opacity:0;transition:opacity .4s ease;will-change:left,top}@media (max-width:1024px){.cursor-glow{display:none!important}}@media (max-width:1024px){.cursor-dot,.cursor-ring{display:none!important}}@media (max-width:1024px){body{cursor:auto!important}.cursor-dot,.cursor-ring{display:none!important}.container{padding:0 40px}.about-grid{grid-template-columns:1fr;gap:60px}.about-image{width:280px;height:280px;margin:0 auto}.projects-grid{grid-template-columns:1fr}.project-card.large,.project-card.wide{grid-column:span 1}.gallery-grid{grid-template-columns:repeat(3,1fr)}.everydays-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){body::before{display:none}}@media (max-width:768px){.hero-content{padding:0 20px}.section{padding:80px 0}.container,.container-fluid{padding:0 20px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.everydays-grid{grid-template-columns:1fr}.social-links{flex-direction:column;gap:20px}.footer-bar{flex-direction:column;gap:20px;text-align:center;padding:30px 20px}}.gallery-filters{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{background:0 0;border:1px solid var(--glass-border);color:var(--text-secondary);padding:8px 20px;border-radius:30px;cursor:pointer;transition:all .3s}.filter-btn.active,.filter-btn:hover{background:var(--accent-primary);color:#000;border-color:var(--accent-primary)}.gallery-fixed-wrapper{min-height:1300px;margin-bottom:200px;width:100%;position:relative;overflow:visible}.masonry-layout{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:20px}@media (max-width:1024px){.masonry-layout{grid-template-columns:repeat(3,1fr)}.gallery-fixed-wrapper{min-height:1600px}}@media (max-width:768px){.masonry-layout{grid-template-columns:repeat(2,1fr)}.gallery-fixed-wrapper{min-height:2500px}}@media (max-width:480px){.masonry-layout{grid-template-columns:repeat(1,1fr);grid-auto-rows:300px}.gallery-fixed-wrapper{min-height:4000px}}.masonry-layout .gallery-item{margin-bottom:0;position:relative;overflow:hidden;border-radius:15px;height:100%}.masonry-layout .gallery-item:nth-child(odd){grid-row:span 2}.masonry-layout .gallery-item:nth-child(3n){grid-row:span 1}.masonry-layout .gallery-item:nth-child(4n){grid-row:span 3}.masonry-layout .gallery-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.project-hero{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-image-bg,.hero-video-bg{position:absolute;inset:0;z-index:0}.hero-image-bg img,.hero-video-bg video{width:100%;height:100%;object-fit:cover}.hero-carousel{position:absolute;inset:0;z-index:0}.hero-carousel-item{position:absolute;inset:0;opacity:0;transition:opacity 1.5s ease-in-out}.hero-carousel-item.active{opacity:1}.hero-carousel-item img,.hero-carousel-item video{width:100%;height:100%;object-fit:cover}.project-hero .hero-overlay{background:linear-gradient(180deg,rgba(10,10,10,.3) 0,rgba(10,10,10,.5) 50%,rgba(10,10,10,.95) 100%)}.project-hero .hero-overlay.dark{background:linear-gradient(180deg,rgba(10,10,10,.5) 0,rgba(10,10,10,.6) 50%,rgba(10,10,10,.98) 100%)}.project-hero-content{position:relative;z-index:10;text-align:center;max-width:1000px;padding:0 40px}.project-main-title{font-family:var(--font-display);font-size:clamp(1.8rem, 3.5vw, 3rem);font-weight:800;line-height:1.1;letter-spacing:-.01em;margin-bottom:20px;color:var(--accent-primary);text-shadow:0 0 60px var(--accent-glow),2px 0 rgba(255,0,0,.2),-2px 0 rgba(0,255,255,.2)}.project-tagline{font-family:var(--font-primary);font-size:1rem;font-weight:400;color:var(--text-secondary);max-width:600px;margin:0 auto;letter-spacing:.02em}.scroll-hint{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:15px;padding:15px 25px;background:linear-gradient(135deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.05) 100%);border:1px solid rgba(255,255,255,0.22);border-radius:30px;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.1);text-decoration:none;color:var(--text-secondary);transition:all .3s ease}.scroll-hint:hover{background:rgba(255,255,255,.12);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateX(-50%) translateY(-3px)}.scroll-hint span{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase}.scroll-hint svg{width:24px;height:24px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}.project-info-section{padding:120px 0;background:var(--bg-primary)}.project-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:50px 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);margin-bottom:80px}.info-block{display:flex;flex-direction:column;gap:10px}.info-label{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-primary)}.info-value{font-size:1rem;font-weight:500;color:var(--text-primary)}.project-description{max-width:800px}.project-description h2{font-family:var(--font-display);font-size:1.8rem;font-weight:700;margin-bottom:30px;text-shadow:2px 0 rgba(255,0,0,.2),-2px 0 rgba(0,255,255,.2)}.project-description p{font-size:1.1rem;line-height:1.9;color:var(--text-secondary);margin-bottom:20px}.project-showcase{padding:80px 0;background:var(--bg-primary)}.project-showcase .container-fluid{max-width:1400px;margin:0 auto;padding:0 40px}.video-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.showcase-item{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:16/9;background:var(--bg-tertiary)}.showcase-item.full-width{grid-column:1/-1}.showcase-item img,.showcase-item video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.showcase-item:hover img,.showcase-item:hover video{transform:scale(1.02)}.project-gallery{padding:80px 0;background:var(--bg-primary)}.gallery-masonry{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-masonry.large{grid-template-columns:repeat(3,1fr)}.gallery-masonry.photo{grid-template-columns:repeat(3,1fr)}.gallery-masonry.showcase{grid-template-columns:repeat(2,1fr);gap:30px}.masonry-item{position:relative;overflow:hidden;border-radius:12px;aspect-ratio:4/3;cursor:pointer}.masonry-item.featured{aspect-ratio:16/10}.masonry-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--transition-smooth)}.masonry-item:hover img{transform:scale(1.05)}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);opacity:0;transform:translateY(20px);transition:all .4s ease}.masonry-item:hover .image-caption{opacity:1;transform:translateY(0)}.image-caption h3{font-family:var(--font-display);font-size:1.3rem;font-weight:700;margin-bottom:8px}.image-caption p{font-size:.9rem;color:var(--text-secondary)}.everydays-image-gallery{background:var(--bg-secondary);padding:80px 0}.everydays-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.everydays-toggle-item{position:relative;overflow:hidden;border-radius:16px;aspect-ratio:1;background:var(--bg-tertiary);cursor:pointer}.everydays-toggle-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out,transform .6s ease}.everydays-toggle-item img.active{opacity:1}.everydays-toggle-item:hover img{transform:scale(1.03)}.everydays-toggle-item .day-badge{position:absolute;bottom:15px;left:15px;font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--accent-primary);background:var(--liquid-glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--liquid-glass-border);padding:8px 14px;border-radius:100px;z-index:5;transition:all .3s ease}.everydays-toggle-item:hover .day-badge{background:rgba(255,255,255,.15);border-color:var(--accent-primary)}.project-nav-section{padding:100px 0;background:var(--bg-secondary)}.project-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:0 auto;padding:0 40px}.next-project,.prev-project{display:flex;flex-direction:column;align-items:flex-start;padding:40px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,rgba(255,255,255,0.10) 0%,rgba(255,255,255,0.04) 100%);border:1px solid rgba(255,255,255,0.18);border-radius:20px;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.35),inset 0 -1px 0 rgba(0,0,0,0.1);text-decoration:none;transition:all .4s ease}.next-project{align-items:flex-end;text-align:right}.next-project:hover,.prev-project:hover{background:rgba(255,255,255,.12);border-color:var(--accent-primary);transform:translateY(-5px);box-shadow:0 12px 40px rgba(255,255,255,.15)}.next-project svg,.prev-project svg{width:32px;height:32px;color:var(--accent-primary);margin-bottom:20px}.nav-label{font-size:.75rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px}.nav-title{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-primary)}.project-footer{display:flex;justify-content:space-between;align-items:center;padding:30px 60px;background:var(--bg-primary);border-top:1px solid var(--glass-border)}.back-home{display:inline-block;padding:12px 24px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.05) 100%);border:1px solid rgba(255,255,255,0.22);border-radius:50px;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.1);font-size:.9rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all .3s ease}.back-home:hover{background:linear-gradient(135deg,rgba(255,255,255,0.20) 0%,rgba(255,255,255,0.09) 100%);border-color:rgba(255,255,255,0.38);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.5)}.footer-copy{font-size:.8rem;color:var(--text-muted)}.project-cta-title{font-family:var(--font-display);font-size:1.8rem;margin-bottom:20px}@media (max-width:992px){.project-info-grid{grid-template-columns:repeat(2,1fr)}.gallery-masonry,.gallery-masonry.large,.gallery-masonry.photo{grid-template-columns:repeat(2,1fr)}.gallery-masonry.showcase{grid-template-columns:1fr}.project-nav-grid{grid-template-columns:1fr}.next-project{align-items:flex-start;text-align:left}.everydays-grid{grid-template-columns:repeat(2,1fr)}.video-gallery{grid-template-columns:1fr}}@media (max-width:768px){.project-main-title{font-size:clamp(1.5rem, 7vw, 2.2rem)}.project-tagline{font-size:1.1rem}.project-info-section{padding:80px 0}.project-info-grid{grid-template-columns:1fr 1fr;gap:25px;padding:30px 0}.gallery-masonry,.gallery-masonry.large,.gallery-masonry.photo,.gallery-masonry.showcase{grid-template-columns:1fr}.project-footer{flex-direction:column;gap:15px;padding:25px}.next-project,.prev-project{padding:25px}.nav-title{font-size:1.2rem}}@media (max-width:576px){.everydays-grid{grid-template-columns:1fr}.everydays-toggle-item{aspect-ratio:4/3}}.base{background:#cacaca;width:20vmin;border-radius:27vmin;box-shadow:0 6vmin .15vmin 0 #777,0 4vmin .15vmin 0 #777,0 2vmin .15vmin 0 #777;padding:0 2vmin 2vmin 2vmin;z-index:1;transform:rotateX(60deg) rotateZ(0);margin-top:-4.5vmin;height:22vmin}button#activate{background:#d60505;border:0;width:20vmin;height:19vmin;border-radius:100%;position:relative;cursor:pointer;outline:0;z-index:2;box-shadow:0 4vmin .15vmin 0 #af0000,0 2vmin .15vmin 0 #af0000;top:-2.5vmin;border:.5vmin solid #af0000a1;transition:all .25s ease 0s}button#activate:hover{box-shadow:0 3vmin .15vmin 0 #af0000,0 1vmin .15vmin 0 #af0000;top:-1.5vmin;transition:all .5s ease 0s}button#activate.pushed,button#activate:active{box-shadow:0 1vmin .15vmin 0 #af0000,0 1vmin .15vmin 0 #af0000;top:.5vmin;transition:all .25s ease 0s}button#activate.pushed{box-shadow:0 0 20px 10px #ff3c3c,0 0 100px 50px #ff2828;background:red;border-bottom:3px solid #00000020}.box{transform:rotateX(-35deg) rotateY(45deg) rotateZ(0) rotate3d(1,0,0,90deg);transform-origin:center top;transform-style:preserve-3d;width:45vmin;position:absolute;z-index:5;margin-top:27vmin;transition:transform 1s ease 0s;cursor:pointer;height:45vmin;margin-left:-32vmin}.box.opened{transform:rotateX(-35deg) rotateY(45deg) rotateZ(0) rotate3d(1,0,0,180deg)}.box div{position:absolute;width:45vmin;height:45vmin;background:#00bcd47d;opacity:.5;border:3px solid #00a4b9;border-radius:3px;box-sizing:border-box;box-shadow:0 0 3px 0 #00bcd48a}.box>div:first-child{opacity:0}.box>div:nth-child(2){transform:rotateX(90deg) translate3d(0,5vmin,5vmin);height:10vmin}.box>div:nth-child(3){transform:rotateX(0) translate3d(0,0,10vmin)}.box>div:nth-child(4){transform:rotateX(270deg) translate3d(0,-5vmin,40vmin);height:10vmin}.box>div:nth-child(5){transform:rotateY(90deg) translate3d(-5vmin,0,40vmin);width:10vmin}.box>div:nth-child(6){transform:rotateY(-90deg) translate3d(5vmin,0,5vmin);width:10vmin}.grid{display:none}.warning{position:absolute;z-index:0;width:45vmin;height:45vmin;background:repeating-linear-gradient(-45deg,#000,#000 3vmin,#ff0 3vmin,#ff0 6vmin);transform:rotateX(-35deg) rotateY(45deg) rotateZ(0) rotate3d(1,0,0,90deg);box-shadow:0 0 0 3vmin #af0000}.warning:before{content:"";width:80%;height:80%;background:linear-gradient(45deg,#000 0,#414141 74%);float:left;margin-top:10%;margin-left:10%;border:1vmin solid #ff0;border-radius:1vmin;box-sizing:border-box}.warning:after{display:none}.hinges{position:absolute;z-index:3;transform:rotateX(-35deg) rotateY(45deg) rotateZ(0) rotate3d(1,0,0,90deg)}.hinges:after,.hinges:before{content:"";background:#2b2b2b;width:5vmin;height:1.5vmin;position:absolute;margin-top:-24.5vmin;z-index:5;border:2px solid #00000010;border-radius:5px 5px 0 0;box-sizing:border-box;margin-left:-16.25vmin}.hinges:after{margin-left:13.75vmin;margin-top:-24.5vmin}.box>span:after,.box>span:before{content:"";width:5vmin;height:1.5vmin;background:#103e4480;position:absolute;margin-left:6vmin;border-radius:0 0 5px 5px}.box>span:after{margin-left:36vmin}.box>span{transform:rotateX(89deg) translate(.3vmin,.3vmin);position:absolute}div#panel:before{content:"PELIGRO";top:3vmin;position:relative;font-size:10vmin;width:100vw;left:0;z-index:6;text-shadow:0 0 1px #fff,0 0 3px #fff;border-bottom:1vmin dotted #fff}#panel{position:absolute;background:rgba(255,0,0,.15);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#fff;font-family:Arial,Helvetica,serif;width:90vmin;box-sizing:border-box;font-size:3.25vmin;padding:3vmin 4vmin;height:auto;min-height:55vmin;border:1px solid rgba(255,255,255,.25);border-radius:25px;box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 0 100vmin rgba(255,0,0,.25);z-index:5;display:none;text-align:center;text-shadow:0 0 1px #fff,0 0 3px #fff,0 0 5px #fff;animation:warning-ligth 1s 0s infinite}#panel.show{display:block!important}#msg{margin-top:5vmin;text-shadow:0 0 2px #fff}#time{font-size:10vmin;background:#00000080;max-width:35vmin;margin:6vmin auto 5vmin!important;position:relative;border-radius:.25vmin;text-shadow:0 0 3px #000,0 0 2px #000,0 0 3px #000,0 0 4px #000,0 0 5px #000;padding:1vmin 0}#time:before{content:"00:0"}#abort{background:#ffffffb8;color:#d30303;cursor:pointer;padding:1vmin 2.75vmin;font-size:6vmin;border-radius:.25vmin;font-weight:700;animation:highlight 1s 0s infinite}#abort:hover{background:#fff;box-shadow:0 0 15px 5px #fff}@keyframes highlight{50%{box-shadow:0 0 15px 5px #fff}}div#turn-off{position:fixed;background:#ffffff80;left:0;width:100vw;height:0;z-index:7}div#turn-off:after,div#turn-off:before{content:"";position:fixed;left:0;top:0;height:0;background:#000;width:100vw;transition:height .5s ease 0s}div#turn-off:after{top:inherit;bottom:0}div#turn-off.close{height:100vh}div#turn-off.close:after,div#turn-off.close:before{transition:height .1s ease .1s;height:49.75vh}#time.crono{background:#ffffffba;transition:background .5s ease 0s;color:red;text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 2px #fff}#detonate{display:none;color:#fff;z-index:5;font-size:8vmin;font-family:Arial,Helvetica,serif;text-shadow:0 0 1px #fff,0 0 2px #fff,0 0 3px #fff}#detonate.show{display:block;animation:blink .25s 0s infinite}#abort.hide{display:none}@keyframes blink{50%{opacity:0}}#closing{width:100vw;height:100vh;left:0;position:absolute}div#closing:after,div#closing:before{content:"";width:50vw;height:1.5vh;left:-50vw;top:49vh;position:absolute;background:#000;z-index:7;transition:left .2s ease 0s}div#closing:after{right:-50vw;transition:right .2s ease 0s;left:initial}div#closing.close:before{left:0;transition:left .2s ease .2s}div#closing.close:after{right:0;transition:right .2s ease .2s}#restart{position:absolute;z-index:8;display:none}#reload{position:absolute;z-index:8;width:10vmin;height:10vmin;border-radius:100%;border:0;margin-top:-5vmin;margin-left:-2.5vmin;opacity:0;cursor:pointer;transform:rotate(0);transition:transform .5s ease 0s;outline:0}#reload:hover{background:#ef0000;transform:rotate(360deg);transition:transform .5s ease 0s}#restart.show{display:block}#restart.show #reload{animation:refresh 3.5s 0s 1;opacity:1}@keyframes refresh{0%{opacity:0}50%{opacity:0}100%{opacity:1}}button#reload:before{content:"";width:6vmin;height:6vmin;position:absolute;left:2vmin;top:2vmin;border-radius:100%;border:1vmin solid #000;box-sizing:border-box;border-bottom-color:transparent}button#reload:after{content:"";border:1.25vmin solid transparent;border-top:2vmin solid #000;position:absolute;transform:rotate(40deg) translate(.5vmin,1.25vmin)}@keyframes warning-ligth{0%{box-shadow:0 0 0 100vmin #ff000060,0 0 0 5vmin #ff000060}50%{box-shadow:0 0 0 100vmin #ff000020,0 0 0 5vmin #ff000020}}.safe-zone-btn{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 32px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,rgba(255,255,255,0.12) 0%,rgba(255,255,255,0.05) 100%);border:1px solid rgba(255,255,255,0.22);border-radius:50px;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,0.35),inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(0,0,0,0.1);color:rgba(255,255,255,.7);text-decoration:none;font-family:Arial,Helvetica,serif;font-size:.9rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;transition:all .3s ease;z-index:10}.safe-zone-btn:hover{background:rgba(255,255,255,.15);border-color:#fff;color:#fff;transform:translateX(-50%) translateY(-3px);box-shadow:0 12px 40px rgba(255,255,255,.15)}.hero-title,.section-title,.contact-title{word-break:break-word;overflow-wrap:break-word}.hero-content,.contact-content,.section-header{overflow:visible}@media(max-width:480px){.hero-title{font-size:clamp(2rem,8vw,3.5rem);line-height:1}.contact-title{font-size:clamp(1.8rem,7vw,3rem)}.section-title{font-size:clamp(1.5rem,5vw,2.5rem)}}
/* ── Liquid Glass Buttons ──────────────────────────────────────── */
.btn-liquid-glass {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 36px;
  border-radius: 50px;
  border: 1px solid var(--liquid-glass-border);
  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.14) 0%,
    rgba(255,255,255,0.06) 40%,
    rgba(255,255,255,0.03) 100%
  );
  backdrop-filter: blur(var(--liquid-glass-blur)) saturate(180%);
  -webkit-backdrop-filter: blur(var(--liquid-glass-blur)) saturate(180%);
  box-shadow:
    0 8px 32px rgba(0,0,0,0.35),
    0 2px 8px rgba(0,0,0,0.2),
    inset 0 1px 0 rgba(255,255,255,0.45),
    inset 0 -1px 0 rgba(0,0,0,0.12);
  color: var(--text-primary);
  text-decoration: none;
  font-family: var(--font-primary);
  font-size: 0.9rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition:
    transform 0.35s var(--transition-smooth),
    box-shadow 0.35s var(--transition-smooth),
    background 0.35s var(--transition-smooth),
    border-color 0.35s var(--transition-smooth);
  overflow: hidden;
  isolation: isolate;
}

/* Borde superior refractado */
.btn-liquid-glass::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(
    175deg,
    rgba(255,255,255,0.5) 0%,
    rgba(255,255,255,0.0) 30%,
    rgba(255,255,255,0.0) 70%,
    rgba(255,255,255,0.08) 100%
  );
  pointer-events: none;
  z-index: 1;
}

/* Brillo interior dinámico */
.btn-liquid-glass::after {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,0.18),
    transparent
  );
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
  transition: left 0.6s var(--transition-smooth);
}

.btn-liquid-glass:hover::after {
  left: 125%;
}

.btn-liquid-glass:hover {
  transform: translateY(-2px) scale(1.02);
  border-color: rgba(255,255,255,0.38);
  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.20) 0%,
    rgba(255,255,255,0.09) 40%,
    rgba(255,255,255,0.05) 100%
  );
  box-shadow:
    0 12px 40px rgba(0,0,0,0.4),
    0 4px 12px rgba(0,0,0,0.25),
    inset 0 1px 0 rgba(255,255,255,0.55),
    inset 0 -1px 0 rgba(0,0,0,0.15),
    0 0 0 1px rgba(255,255,255,0.12);
  color: var(--text-primary);
}

.btn-liquid-glass:active {
  transform: translateY(0) scale(0.98);
  box-shadow:
    0 4px 16px rgba(0,0,0,0.3),
    0 1px 4px rgba(0,0,0,0.2),
    inset 0 1px 0 rgba(255,255,255,0.3),
    inset 0 2px 6px rgba(0,0,0,0.15);
}

/* Contenido sobre los pseudo-elementos */
.btn-liquid-glass > * {
  position: relative;
  z-index: 3;
}

/* Variante small */
.btn-liquid-glass.btn-sm {
  padding: 10px 24px;
  font-size: 0.8rem;
}

/* Variante con acento blanco */
.btn-liquid-glass.btn-accent {
  border-color: rgba(255,255,255,0.45);
  background: linear-gradient(
    135deg,
    rgba(255,255,255,0.20) 0%,
    rgba(255,255,255,0.08) 100%
  );
}

@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }