*{box-sizing:border-box;margin:0;padding:0}html{width:100%;max-width:100vw}:root{--primary-color:#1a1a1a;--secondary-color:#2c2c2c;--accent-color:#ff6b35;--accent-gradient:linear-gradient(135deg,#ff6b35,#e55a2b);--text-color:#fff;--text-secondary:#ccc;--shadow-color:rgba(0,0,0,.3);--glow-color:rgba(255,107,53,.3);--transition:all 0.3s ease;--transition-slow:all 0.5s ease;--transition-fast:all 0.2s ease;--border-radius:10px;--border-radius-large:15px;--bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--elastic:cubic-bezier(0.175,0.885,0.32,1.275);--smooth:cubic-bezier(0.4,0,0.2,1);--glow-shadow:0 0 20px rgba(255,107,53,.4);--glow-shadow-hover:0 0 30px rgba(255,107,53,.6);--text-shadow:0 2px 4px rgba(0,0,0,.3);--text-shadow-glow:0 0 10px rgba(255,107,53,.5)}body{background-color:var(--primary-color);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-y:auto;position:relative;width:100%;max-width:100vw}body:before{background-attachment:fixed;background-image:url(../../webp-assets/media/IMG_2937.webp);background-position:center 30%;background-repeat:no-repeat;background-size:cover;content:"";filter:brightness(.9) contrast(1.1);opacity:.3;z-index:-1}.spotlight-overlay,body:before{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%}.spotlight-overlay{background:#000;z-index:1000}.spotlight{background:radial-gradient(ellipse at center,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.2) 30%,hsla(0,0%,100%,.1) 50%,hsla(0,0%,100%,.05) 70%,transparent 100%);filter:blur(20px);height:600px;opacity:0;pointer-events:none;position:absolute;transform:scale(.5);width:600px}.spotlight-1{animation:spotlight1 1.5s ease-out forwards;animation-delay:.3s;left:-200px;top:-300px;transform-origin:top left}.spotlight-2{animation:spotlight2 1.5s ease-out forwards;animation-delay:.6s;right:-200px;top:-300px;transform-origin:top right}.spotlight-3{animation:spotlight3 1.5s ease-out forwards;animation-delay:.9s;left:50%;top:-400px;transform:translateX(-50%);transform-origin:top center}@keyframes spotlight1{0%{opacity:0;transform:scale(.5) rotate(-15deg)}50%{opacity:1;transform:scale(1.2) rotate(-10deg)}to{opacity:.8;transform:scale(1) rotate(-5deg)}}@keyframes spotlight2{0%{opacity:0;transform:scale(.5) rotate(15deg)}50%{opacity:1;transform:scale(1.2) rotate(10deg)}to{opacity:.8;transform:scale(1) rotate(5deg)}}@keyframes spotlight3{0%{opacity:0;transform:translateX(-50%) scale(.5)}50%{opacity:1;transform:translateX(-50%) scale(1.2)}to{opacity:.9;transform:translateX(-50%) scale(1)}}.spotlight-overlay.fade-out{animation:overlayFadeOut .8s ease-out forwards;animation-delay:1.5s}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.main-nav{backdrop-filter:blur(10px);background:rgba(26,26,26,.95);border-bottom:1px solid rgba(255,107,53,.2);left:0;padding:1rem 0;position:fixed;top:0;transition:var(--transition);width:100%;z-index:100}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative}.logo,.logo-link{align-items:center;display:flex;gap:1rem;position:relative}.logo-link{color:inherit;text-decoration:none;transition:var(--transition)}.logo-link:hover{transform:scale(1.05)}.logo-link:after{background:var(--accent-gradient);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:var(--transition);width:0}.logo-link:hover:after{width:100%}.logo-image{border:2px solid transparent;border-radius:50%;box-shadow:0 0 20px rgba(255,107,53,.2);filter:drop-shadow(0 0 10px var(--glow-color));height:60px;-o-object-fit:cover;object-fit:cover;transition:var(--transition);width:60px}.logo-link:hover .logo-image{border:2px solid var(--accent-color);filter:drop-shadow(0 0 15px var(--glow-color));transform:scale(1.1)}.logo h1{background:var(--accent-gradient);-webkit-background-clip:text;font-size:1.8rem;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;transition:var(--transition);white-space:nowrap}.logo-link:hover h1{transform:scale(1.05)}.nav-menu{gap:1.2rem;list-style:none}.nav-link,.nav-menu{align-items:center;display:flex}.nav-link{border-radius:var(--border-radius);color:var(--text-color);font-weight:500;padding:.5rem .8rem;position:relative;text-decoration:none;transition:var(--transition)}.nav-link:hover{background:rgba(255,107,53,.1);box-shadow:0 0 20px var(--glow-color);color:var(--accent-color)}.nav-link:after{background:var(--accent-gradient);bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:var(--transition);width:0}.nav-link:hover:after{width:100%}.nav-link.active{background:rgba(255,107,53,.15);box-shadow:0 0 15px var(--glow-color);color:var(--accent-color)}.language-menu-item{align-items:center;display:flex}.nav-lang-btn{background:var(--accent-gradient);border:none;border-radius:var(--border-radius);box-shadow:0 0 15px var(--glow-color);color:var(--text-color);cursor:pointer;font-size:.9rem;font-weight:600;min-width:50px;overflow:hidden;padding:.5rem .8rem;position:relative;text-align:center;transition:var(--transition)}.nav-lang-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition);width:100%}.nav-lang-btn:hover:before{left:100%}.nav-lang-btn:hover{box-shadow:0 5px 20px var(--glow-color);transform:translateY(-2px)}.nav-lang-btn:active{transform:translateY(0)}.language-toggle{align-items:center;display:flex;margin-left:2rem}.lang-btn{background:var(--accent-gradient);border:none;border-radius:var(--border-radius);box-shadow:0 0 15px var(--glow-color);color:var(--text-color);cursor:pointer;font-weight:600;overflow:hidden;padding:.5rem 1rem;position:relative}.lang-btn,.lang-btn:before{transition:var(--transition)}.lang-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.lang-btn:hover:before{left:100%}.lang-btn:hover{box-shadow:0 5px 20px var(--glow-color);transform:translateY(-2px)}.lang-btn:active{transform:translateY(0)}.lang-text{font-size:.9rem;letter-spacing:.5px}.lang-flag{display:block;font-size:1.2rem;line-height:1;text-align:center}.rope-worker{height:150px;opacity:0;position:absolute;right:0;top:0;transform:translateY(-100%);transition:var(--transition);width:150px;z-index:1000}.worker-graphic{background:url(../../webp-assets/media/rigger3-removebg-preview.webp) no-repeat 50%;background-size:contain;border:none;filter:drop-shadow(0 0 10px var(--glow-color));height:100%;width:100%}.nav-link:focus+.rope-worker,.nav-link:hover+.rope-worker{opacity:1;transform:translateY(0)}.main-content{animation:contentFadeIn 1s ease-out forwards;animation-delay:2.5s;margin-top:80px;opacity:0;width:100%;max-width:100vw}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section{align-items:center;display:flex;min-height:100vh;opacity:0;padding:4rem 0;position:relative;transform:translateY(50px);transition:var(--transition)}.section:before{background:linear-gradient(135deg,rgba(255,107,53,.02),transparent 50%,rgba(255,107,53,.02));content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.section.active{opacity:1;transform:translateY(0)}.container{margin:0 auto;max-width:1200px;padding:0 2rem;width:100%;overflow-x:hidden}.hero-content{margin:0 auto;max-width:800px;position:relative;text-align:center}.hero-content:before{background:radial-gradient(circle,rgba(255,107,53,.1) 0,transparent 70%);border-radius:50%;content:"";height:200px;left:50%;position:absolute;top:-50px;transform:translateX(-50%);width:200px;z-index:-1}.hero-title{background:var(--accent-gradient);-webkit-background-clip:text;font-size:4rem;font-weight:700;margin-bottom:1rem;-webkit-text-fill-color:transparent;animation:titleGlow 3s ease-in-out infinite alternate;background-clip:text;text-shadow:0 0 30px var(--glow-color)}@keyframes titleGlow{0%{filter:drop-shadow(0 0 20px var(--glow-color))}to{filter:drop-shadow(0 0 40px var(--glow-color))}}.hero-subtitle{color:var(--text-secondary);font-size:1.5rem;margin-bottom:2rem;position:relative}.hero-subtitle:after{background:var(--accent-gradient);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.hero-description{font-size:1.1rem;line-height:1.8;margin-bottom:3rem;position:relative}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border:none;border-radius:var(--border-radius);box-shadow:0 4px 15px rgba(0,0,0,.2);cursor:pointer;font-weight:600;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;text-shadow:var(--text-shadow);transform:translateY(0);transition:var(--transition)}.btn:hover{box-shadow:var(--glow-shadow);transform:translateY(-3px)}.btn:active{transform:translateY(-1px);transition:var(--transition-fast)}.btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition);width:100%}.btn:hover:before{left:100%}.btn-primary{background:var(--accent-gradient);box-shadow:0 5px 15px var(--glow-color);color:#fff}.btn-primary:hover{box-shadow:0 8px 25px var(--glow-color);transform:translateY(-3px)}.btn-secondary{background:transparent;border:2px solid var(--accent-color);color:var(--text-color);position:relative}.btn-secondary:after{background:var(--accent-gradient);content:"";height:100%;left:0;position:absolute;top:0;transition:var(--transition);width:0;z-index:-1}.btn-secondary:hover:after{width:100%}.btn-secondary:hover{box-shadow:0 8px 25px var(--glow-color);transform:translateY(-3px)}.hero-social{margin-top:2rem;text-align:center}.hero-social-link{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius);color:var(--text-secondary);display:inline-flex;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;text-decoration:none;transition:var(--transition)}.hero-social-link:hover{background:rgba(255,107,53,.1);border-color:var(--accent-color);box-shadow:0 5px 15px var(--glow-color);color:var(--accent-color);transform:translateY(-2px)}.hero-social-icon{font-size:1.3rem;height:1.3rem;transition:var(--transition);width:1.3rem}.hero-social-link:hover .hero-social-icon{transform:scale(1.2)}.instagram-icon{height:1.3rem;transition:var(--transition);width:1.3rem}.hero-social-link:hover .instagram-icon{transform:scale(1.2)}.hero-social-text{font-size:.9rem}.section-title{background:var(--accent-gradient);-webkit-background-clip:text;font-size:3rem;margin-bottom:3rem;text-align:center;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section-title:after{background:var(--accent-gradient);border-radius:2px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:150px}.section-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.brands-grid{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-top:3rem}.brand-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius-large);cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;min-width:200px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:var(--transition)}.brand-card:before{background:linear-gradient(90deg,transparent,rgba(255,107,53,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-slow);width:100%}.brand-card:hover:before{left:100%}.brand-card:hover{background:hsla(0,0%,100%,.1);border-color:var(--accent-color);box-shadow:0 15px 35px var(--shadow-color);transform:translateY(-10px)}.brand-logo{align-items:center;background:hsla(0,0%,100%,.1);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 1.5rem;overflow:hidden;position:relative;transition:var(--transition);width:120px}.brand-logo img{transition:var(--transition)}.brand-logo img,.brand-logo img:not([src*=ibblogo2]){height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.brand-logo img[src*=bjk_tupras_stad],.brand-logo img[src*=ibblogo2]{height:80px;-o-object-fit:contain;object-fit:contain;width:80px}.brand-card:hover .brand-logo{background:rgba(255,107,53,.1);transform:scale(1.1)}.brand-card:hover .brand-logo img{transform:scale(1.1)}.brand-name{color:var(--accent-color);font-size:1.2rem;font-weight:600;margin-bottom:.5rem;transition:var(--transition)}.brand-card:hover .brand-name{color:#ff8c5a}.brand-category{background:var(--accent-gradient);border-radius:15px;box-shadow:0 2px 10px var(--glow-color);color:#fff;display:inline-block;font-size:.8rem;margin-bottom:1rem;padding:.3rem .8rem;transition:var(--transition)}.brand-card:hover .brand-category{box-shadow:0 4px 15px var(--glow-color);transform:scale(1.05)}.brand-description{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.brand-year{color:var(--text-secondary);font-size:.8rem;font-style:italic;opacity:.8}.brand-modal{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.9);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}.brand-modal-content{background:var(--secondary-color);border:1px solid rgba(255,107,53,.3);border-radius:var(--border-radius-large);box-shadow:0 20px 60px var(--shadow-color);margin:5% auto;max-width:600px;overflow:hidden;position:relative}.brand-modal-content .close-modal{align-items:center;background:rgba(0,0,0,.6);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2.5rem;height:50px;justify-content:center;position:absolute;right:30px;top:20px;transition:var(--transition);width:50px;z-index:2001}.brand-modal-content .close-modal:hover{background:rgba(255,107,53,.2);border-color:var(--accent-color);color:var(--accent-color);transform:scale(1.1)}.brand-modal-body{padding:2rem;text-align:center}.brand-modal-logo{align-items:center;background:hsla(0,0%,100%,.1);border-radius:50%;display:flex;height:150px;justify-content:center;margin:0 auto 2rem;position:relative;width:150px}.brand-modal-logo img{height:100px;-o-object-fit:contain;object-fit:contain;width:100px}.brand-modal-info h3{color:var(--accent-color);font-size:1.8rem;margin-bottom:1rem}.brand-modal-info p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.brand-modal-details{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.brand-modal-detail{background:rgba(255,107,53,.1);border-radius:var(--border-radius);color:var(--text-color);font-size:.9rem;padding:.5rem 1rem}.about-content{margin:0 auto;max-width:1000px}.about-text p{font-size:1.2rem;margin-bottom:3rem;position:relative;text-align:center}.services-grid{align-items:stretch;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem}.service-item{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius-large);flex:0 0 280px;max-width:280px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:var(--transition)}.service-item:before{background:linear-gradient(90deg,transparent,rgba(255,107,53,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-slow);width:100%}.service-item:hover:before{left:100%}.service-item:hover{background:hsla(0,0%,100%,.1);border-color:var(--accent-color);box-shadow:0 15px 35px var(--shadow-color);transform:translateY(-10px)}.service-item h3{color:var(--accent-color);font-size:1.3rem;margin-bottom:1rem;position:relative}.service-item h3:after{background:var(--accent-gradient);bottom:-5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:var(--transition);width:0}.service-item:hover h3:after{width:50px}.stats-section{margin-top:4rem;text-align:center}.stats-title{color:var(--accent-color);font-size:2rem;margin-bottom:3rem;position:relative}.stats-title:after{background:var(--accent-gradient);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.stats-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:2rem}.stat-item{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius-large);overflow:hidden;padding:2rem;position:relative;transition:var(--transition)}.stat-item:before{background:linear-gradient(90deg,transparent,rgba(255,107,53,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-slow);width:100%}.stat-item:hover:before{left:100%}.stat-item:hover{background:hsla(0,0%,100%,.1);border-color:var(--accent-color);box-shadow:0 10px 30px var(--shadow-color);transform:translateY(-5px)}.stat-number{color:var(--accent-color);font-size:3rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:var(--text-shadow);transition:var(--transition)}.stat-number:before{background:radial-gradient(circle,rgba(255,107,53,.3) 0,transparent 70%);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:var(--transition-slow);width:0;z-index:-1}.stat-item:hover .stat-number{text-shadow:var(--text-shadow-glow);transform:scale(1.1)}.stat-item:hover .stat-number:before{height:120px;width:120px}.stat-label{color:var(--text-secondary);font-size:1rem;font-weight:500;transition:var(--transition)}.stat-item:hover .stat-label{color:var(--text-color)}.stat-number.animated{animation:numberPulse .5s ease-out}@keyframes numberPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.loading-shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.1) 25%,hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1) 75%);background-size:200% 100%}.card-loading{overflow:hidden;position:relative}.card-loading:before{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.hover-glow{transition:var(--transition-slow)}.hover-glow:hover{animation:glow 2s infinite}.hover-bounce:hover{animation:bounce 1s var(--bounce)}.hover-pulse:hover{animation:pulse 1s infinite}.projects-grid{align-items:stretch;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-top:3rem}@media (max-width:768px){.projects-grid{gap:1.5rem}.project-card{flex:0 0 300px;height:auto;max-width:300px;min-height:auto}.project-info{padding:1.25rem 1rem}.project-title{font-size:1rem;line-height:1.4}.project-description,.project-title{word-wrap:break-word;hyphens:auto;overflow-wrap:break-word}.project-description{font-size:.85rem;line-height:1.5}.project-category{align-items:center;display:flex;font-size:.8rem;justify-content:center;line-height:1.2;min-height:2rem;padding:.3rem .6rem;text-align:center;white-space:normal}.project-category,.project-details span{word-wrap:break-word;overflow-wrap:break-word}.project-details span{font-size:.75rem}}.project-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius-large);box-shadow:0 8px 32px rgba(0,0,0,.1);contain-intrinsic-size:340px auto;content-visibility:auto;cursor:pointer;flex:0 0 340px;max-width:340px;min-height:320px;overflow:hidden;position:relative;transform:perspective(1000px) rotateX(0deg);transform-style:preserve-3d;transition:var(--transition-slow);will-change:transform}.project-card:after{bottom:0;pointer-events:none;right:0;transition:var(--transition-slow)}.project-card:after,.project-card:before{background:linear-gradient(135deg,rgba(255,107,53,.1),transparent 50%);content:"";left:0;opacity:0;position:absolute;top:0;z-index:1}.project-card:before{height:100%;transition:var(--transition);width:100%}.project-card:hover:before{opacity:1}.project-card:hover{backdrop-filter:blur(15px);border-color:var(--accent-color);box-shadow:0 25px 50px var(--shadow-color),0 0 30px var(--glow-color);transform:translateY(-15px) scale(1.03) rotateX(5deg)}.project-card:hover:after{opacity:1}.project-image{align-items:center;background:var(--secondary-color);color:var(--text-secondary);display:flex;font-size:1.2rem;height:200px;justify-content:center;overflow:hidden;position:relative;transform:translateZ(20px);width:100%}.project-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:var(--transition-slow);width:100%}.project-image img[src*=sahne-sovu]{-o-object-position:center top;object-position:center top}.brand-logo img[src*=ibblogo2]{position:relative}.brand-logo img[src*=ibblogo2]:before{background:rgba(255,0,0,.8);border-radius:3px;color:#fff;content:"x: 50% y: 50%";font-size:10px;font-weight:700;left:50%;padding:2px 6px;position:absolute;top:-20px;transform:translateX(-50%);z-index:1000}.project-card:hover .project-image img{transform:scale(1.1)}.project-info{padding:1.5rem;position:relative;z-index:2}.project-title{color:var(--accent-color);font-size:1.3rem;margin-bottom:.5rem;transition:var(--transition)}.project-card:hover .project-title{color:#ff8c5a}.project-description{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.project-details{align-items:center;display:flex;flex-wrap:nowrap;gap:.6rem .6rem;justify-content:flex-end;margin-top:1rem}.project-category{align-items:center;background:var(--accent-gradient);border-radius:999px;box-shadow:0 2px 10px var(--glow-color);color:#fff;display:inline-flex;font-size:.8rem;padding:.35rem .8rem;transition:var(--transition);word-wrap:break-word;line-height:1.2;min-height:2rem;overflow-wrap:break-word;text-align:center;white-space:normal}.project-card:hover .project-category{box-shadow:0 4px 15px var(--glow-color);transform:scale(1.05)}.project-date,.project-duration,.project-location{align-items:center;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.14);border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:.8rem;gap:.4rem;line-height:1;padding:.35rem .65rem;transition:var(--transition);white-space:nowrap}.project-card:hover .project-date,.project-card:hover .project-duration,.project-card:hover .project-location{background:rgba(255,107,53,.12);border-color:var(--accent-color);color:var(--text-color)}.modal{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.9);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{background:var(--secondary-color);border:none;border-radius:0;box-shadow:none;height:100vh;margin:0;overflow:hidden;position:relative;touch-action:pan-y;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:100%}.close-modal{align-items:center;background:rgba(0,0,0,.6);border:2px solid hsla(0,0%,100%,.3);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2.5rem;height:50px;justify-content:center;position:absolute;right:30px;top:20px;transition:var(--transition);width:50px;z-index:2001}.close-modal:hover{background:rgba(255,107,53,.2);border-color:var(--accent-color);color:var(--accent-color);transform:scale(1.1)}.modal-body{align-items:center;display:flex;flex-direction:column;gap:0;height:100vh;justify-content:center;padding:0;touch-action:pan-y}#modalImage{border-radius:var(--border-radius);box-shadow:0 10px 30px var(--shadow-color);height:300px;margin-bottom:1rem;-o-object-fit:cover;object-fit:cover;width:100%}.modal-gallery{border-radius:0;box-shadow:none;height:100vh;margin-bottom:0;overflow:hidden;touch-action:pan-y}.gallery-main,.modal-gallery{align-items:center;background:var(--secondary-color);display:flex;justify-content:center;position:relative;width:100%}.gallery-main{height:100%}.gallery-main img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.gallery-nav{background:rgba(0,0,0,.6);border:none;border-radius:50%;color:#fff;cursor:pointer;display:grid;font-size:1.5rem;height:60px;place-items:center;position:absolute;top:50%;transform:translateY(-50%);transition:var(--transition);width:60px;z-index:2}.gallery-nav:hover{background:rgba(0,0,0,.6)}.gallery-nav.prev{left:10px}.gallery-nav.next{right:10px}.gallery-thumbs{backdrop-filter:blur(10px);background:rgba(0,0,0,.6);border-radius:20px;bottom:20px;display:flex;gap:.4rem;left:50%;overflow-x:auto;padding:.5rem;position:absolute;transform:translateX(-50%);z-index:10}.gallery-thumbs img{border:1px solid hsla(0,0%,100%,.2);border-radius:6px;cursor:pointer;height:50px;-o-object-fit:cover;object-fit:cover;opacity:.7;transition:var(--transition);width:70px}.gallery-thumbs img.active,.gallery-thumbs img:hover{border-color:var(--accent-color);box-shadow:0 0 0 2px rgba(255,107,53,.3);opacity:1}.contact-content{margin:0 auto;max-width:1000px}.team-cards{display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin-top:3rem}.team-card{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius-large);overflow:hidden;padding-top:1rem;position:relative;transition:var(--transition)}.team-card:before{background:linear-gradient(135deg,rgba(255,107,53,.1),transparent 50%);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:var(--transition);width:100%;z-index:1}.team-card:hover:before{opacity:1}.team-card:hover{border-color:var(--accent-color);box-shadow:0 25px 50px var(--shadow-color),0 0 30px var(--glow-color);transform:translateY(-15px) scale(1.02)}.team-card:hover .card-image{border-color:#ff8c5a;box-shadow:0 12px 35px rgba(255,140,90,.4)}.card-image{align-items:center;background:var(--secondary-color);border:3px solid var(--accent-color);border-radius:50%;box-shadow:0 8px 25px rgba(255,107,53,.3);color:var(--text-secondary);display:flex;font-size:1.2rem;height:120px;justify-content:center;margin:2rem auto 1.5rem;overflow:hidden;position:relative;width:120px}.card-image img{border-radius:50%;filter:brightness(1.1) contrast(1.1);height:100%;-o-object-fit:cover;object-fit:cover;transition:var(--transition-slow);width:100%}.team-card:hover .card-image img{filter:brightness(1.2) contrast(1.2);transform:scale(1.1)}.card-content{padding:1.5rem 2rem 2rem;position:relative;text-align:center;z-index:2}.card-content h3{color:var(--accent-color);font-size:1.6rem;font-weight:600;letter-spacing:.5px;margin-bottom:.8rem;transition:var(--transition)}.team-card:hover .card-content h3{color:#ff8c5a}.role{color:var(--text-secondary);font-size:1.1rem;font-style:italic;font-weight:500;margin-bottom:2rem;opacity:.9}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-link{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius);color:var(--text-color);display:flex;gap:.5rem;padding:.8rem;text-decoration:none;transition:var(--transition);-webkit-user-select:text;-moz-user-select:text;user-select:text;word-wrap:break-word;overflow-wrap:break-word;width:100%;max-width:100%;flex-wrap:wrap;justify-content:center}.contact-link:hover{background:rgba(255,107,53,.1);border-color:var(--accent-color);box-shadow:0 5px 15px var(--glow-color);color:var(--accent-color);transform:translateX(5px)}.contact-link .icon{font-size:1.2rem;transition:var(--transition)}.contact-link:hover .icon{transform:scale(1.2)}.footer{background:var(--secondary-color);border-top:1px solid rgba(255,107,53,.2);margin-top:4rem;padding:3rem 0 2rem;position:relative}.footer:before{background:linear-gradient(135deg,rgba(255,107,53,.02),transparent 50%,rgba(255,107,53,.02));content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.footer-content{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);justify-items:center;margin-bottom:2rem;position:relative;z-index:1;width:100%;overflow:hidden}.footer-section h3{color:var(--accent-color);font-size:1.5rem;margin-bottom:1rem;position:relative;word-wrap:break-word;overflow-wrap:break-word}.footer-section h3:after{background:var(--accent-gradient);bottom:-5px;content:"";height:2px;left:0;position:absolute;width:30px}.footer-section h4{color:var(--accent-color);font-size:1.2rem;margin-bottom:1rem;position:relative}.footer-section h4:after{background:var(--accent-gradient);bottom:-3px;content:"";height:1px;left:0;position:absolute;width:20px}.footer-section p{color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem;transition:var(--transition);word-wrap:break-word;overflow-wrap:break-word}.footer-section p:hover{color:var(--text-color)}.social-links{margin-top:1rem}.social-link{align-items:center;border-radius:var(--border-radius);color:var(--text-secondary);display:flex;gap:.5rem;padding:.5rem 0;text-decoration:none;transition:var(--transition)}.social-link:hover{background:rgba(255,107,53,.1);color:var(--accent-color);padding-left:.5rem;transform:translateX(5px)}.social-icon{font-size:1.2rem;height:1.2rem;transition:var(--transition);width:1.2rem}.social-link:hover .instagram-icon,.social-link:hover .social-icon{transform:scale(1.2)}.social-text{font-weight:500}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.social-link.instagram:hover .instagram-icon{fill:url(#instagram-gradient-footer)}.hero-social-link:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-social-link:hover .instagram-icon{fill:url(#instagram-gradient)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{border-radius:3px;color:var(--text-secondary);padding:.2rem 0;text-decoration:none;transition:var(--transition);word-wrap:break-word;overflow-wrap:break-word}.footer-section ul li a:hover{background:rgba(255,107,53,.1);color:var(--accent-color);padding-left:.5rem}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:2rem;position:relative;text-align:center;z-index:1;width:100%;overflow:hidden}.footer-bottom p{color:var(--text-secondary);margin-bottom:.5rem;word-wrap:break-word;overflow-wrap:break-word}.footer-bottom a{color:var(--accent-color);text-decoration:none;transition:var(--transition)}.footer-bottom a:hover{color:#e55a2b;text-decoration:underline}#climber-container{height:100vh;opacity:0;pointer-events:none;position:fixed;right:20px;top:0;transition:opacity .3s ease;width:100px;z-index:-5}#climber-container.active{opacity:1}.rope-line{background:url('data:image/svg+xml;charset=utf-8,') repeat-y;border-radius:1px;box-shadow:1px 0 3px rgba(218, 194, 10, 0.3);height:100%;position:absolute;right:20px;top:0;width:2px}.climber{background:url(../../webp-assets/media/rigger3-removebg-preview.webp) no-repeat 50%;background-size:contain;filter:drop-shadow(0 0 5px var(--glow-color));height:100px;position:absolute;right:-20px;top:5px;transform:translateY(0);transition:transform .1s ease;width:80px}.fade-in{animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.particles{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.particle{animation:float 6s linear infinite;background:var(--accent-color);border-radius:50%;height:2px;opacity:.3;position:absolute;width:2px}@keyframes float{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 5px rgba(255,107,53,.3)}50%{box-shadow:0 0 20px rgba(255,107,53,.6)}}@media (max-width:768px){*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}a,h1,h2,h3,h4,h5,h6,p,span{-webkit-user-select:text;-moz-user-select:text;user-select:text}.btn:focus,.contact-link:focus,.hamburger:focus,.nav-link:focus{outline:2px solid var(--accent-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.spotlight{height:400px;width:400px}.spotlight-1{left:-150px;top:-200px}.spotlight-2{right:-150px;top:-200px}.spotlight-3{top:-250px}.nav-menu{gap:.8rem}.language-toggle{margin-left:1rem;order:-1}.lang-btn{font-size:.8rem;padding:.4rem .8rem}.lang-btn .lang-flag{font-size:1rem}.nav-lang-btn .lang-flag{font-size:1.5rem}.nav-lang-btn:hover{background:rgba(255,107,53,.1);border-color:var(--accent-color);transform:translateX(10px)}.hero-title{font-size:2.5rem}.logo h1{font-size:1.5rem}.logo-image{height:50px;width:50px}.section-title{font-size:2rem}.hero-buttons{align-items:center;flex-direction:column}.hero-social{margin-top:1.5rem}.hero-social-link{font-size:.9rem;padding:.6rem 1.2rem}.services-grid{gap:1.5rem;justify-content:center}.team-cards{grid-template-columns:1fr}.brands-grid{gap:1.5rem}.brands-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{gap:1rem}.brand-card,.project-card,.service-item,.team-card{backface-visibility:hidden;transform:translateZ(0);will-change:transform}.brand-card:hover,.project-card:hover,.service-item:hover,.team-card:hover{transform:translateY(-5px) scale(1.02);transition:transform .3s cubic-bezier(.4,0,.2,1)}.stat-item{padding:1.5rem}.stat-number{font-size:2.5rem}.nav-container{align-items:center;display:flex;justify-content:space-between;padding:0 1rem}.rope-worker{height:120px;width:120px}.container{padding:0 1rem}.footer-content{gap:1.5rem;grid-template-columns:repeat(3,1fr);text-align:center}.nav-menu{align-items:center;backdrop-filter:blur(15px);background:rgba(26,26,26,.98);border-right:1px solid hsla(0,0%,100%,.1);flex-direction:column;height:calc(100vh - 80px);justify-content:flex-start;left:-100%;padding-top:2rem;position:fixed;top:80px;transition:var(--transition-slow);width:100%;z-index:150}.language-toggle{position:fixed;right:5rem;top:1rem;z-index:200}.language-toggle .lang-btn{font-size:.8rem;height:40px;min-width:60px}.nav-container .language-menu-item{display:none}.mobile-language-toggle{display:block!important;position:relative;z-index:200}.mobile-language-toggle .lang-btn{background:var(--accent-gradient);border:none;border-radius:var(--border-radius);box-shadow:0 0 15px var(--glow-color);color:var(--text-color);cursor:pointer;font-size:.8rem;font-weight:600;height:40px;min-width:60px;padding:.5rem .8rem;transition:var(--transition)}.language-menu-item{margin:0}.language-menu-item,.nav-lang-btn{align-items:center;display:flex;opacity:1!important;transform:translateX(0)!important}.nav-lang-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);font-size:1rem;height:auto;justify-content:center;line-height:1;padding:.8rem 1.5rem;text-align:center;width:auto}.nav-menu.active{box-shadow:0 0 30px rgba(0,0,0,.5);left:0}.nav-menu li{margin:1.2rem 0;opacity:0;transform:translateX(-50px);transition:var(--transition)}.nav-menu.active li{opacity:1;transform:translateX(0)}.nav-menu.active li:first-child{transition-delay:.1s}.nav-menu.active li:nth-child(2){transition-delay:.2s}.nav-menu.active li:nth-child(3){transition-delay:.3s}.nav-menu.active li:nth-child(4){transition-delay:.4s}.nav-menu.active li:nth-child(5){transition-delay:.5s}.nav-menu.active li:nth-child(6){transition-delay:.6s}.nav-link{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--border-radius);font-size:1.3rem;padding:1rem 2rem;transition:var(--transition)}.nav-link:hover{background:rgba(255,107,53,.1);border-color:var(--accent-color);transform:translateX(10px)}.hamburger{box-sizing:border-box;cursor:pointer;display:block;height:44px;padding:7px;position:relative;width:44px;z-index:200}.nav-right{align-items:center;display:flex;gap:1rem}.hamburger span{background:var(--text-color);border-radius:2px;display:block;height:3px;margin:6px auto;transition:var(--transition);width:30px}.hamburger:hover span{background:var(--accent-color)}.hamburger.active span:first-child{background:var(--accent-color);transform:rotate(45deg) translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0;transform:translateX(-20px)}.hamburger.active span:nth-child(3){background:var(--accent-color);transform:rotate(-45deg) translate(6px,-6px)}.modal-gallery{aspect-ratio:4/3;max-height:60vh}.gallery-thumbs img{height:45px;width:60px}}@media (max-width:480px){.spotlight{height:300px;width:300px}.spotlight-1{left:-100px;top:-150px}.spotlight-2{right:-100px;top:-150px}.spotlight-3{top:-200px}.hero-title{font-size:2rem;text-align:center}.logo h1{font-size:1.3rem}.logo-image{height:45px;width:45px}.hero-subtitle{font-size:1.2rem;text-align:center}.hero-description{font-size:.95rem;text-align:center}.language-toggle{right:4rem;top:.8rem}.language-toggle .lang-btn{font-size:.7rem;height:35px;min-width:50px;padding:.3rem .6rem}.nav-lang-btn{font-size:.9rem;padding:.6rem 1.2rem}.nav-lang-btn .lang-flag{font-size:1.1rem}.nav-menu{align-items:center;gap:0;padding-top:3rem}.nav-container,.nav-menu{flex-direction:column;height:auto}.nav-container{gap:1rem;padding:0 .5rem}.rope-worker{height:100px;width:100px}.brands-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.brand-card{min-height:180px;min-width:150px;padding:1.5rem}.brand-logo{height:100px;width:100px}.projects-grid{gap:1.5rem}@media (max-width:480px){.brands-grid{gap:.8rem;grid-template-columns:repeat(2,1fr)}.brand-card{min-height:160px;min-width:120px;padding:1rem}.brand-logo{height:80px;width:80px}.projects-grid{gap:1rem}.project-card{flex:0 0 280px;height:auto;margin:0 .25rem;max-width:280px;min-height:auto}.project-info{padding:1rem .75rem}.project-title{font-size:.9rem;line-height:1.3;margin-bottom:.5rem}.project-description,.project-title{word-wrap:break-word;hyphens:auto;overflow-wrap:break-word}.project-description{font-size:.8rem;line-height:1.4;margin-bottom:.75rem}.project-category{font-size:.75rem;padding:.25rem .5rem;word-wrap:break-word;align-items:center;display:flex;justify-content:center;line-height:1.2;min-height:1.8rem;overflow-wrap:break-word;text-align:center;white-space:normal}.project-details{gap:.4rem;margin-top:.75rem}.project-details span{font-size:.7rem;word-wrap:break-word;overflow-wrap:break-word}}.project-card{margin:0 .5rem}.team-cards{gap:2rem;grid-template-columns:1fr}.team-card{margin:0 .5rem}.stats-grid{gap:1.5rem;grid-template-columns:1fr}.stat-item{padding:1.5rem 1rem}.stat-number{font-size:2rem}.services-grid{gap:1.5rem;justify-content:center}.service-item{padding:1.5rem 1rem}.brand-modal-content{margin:2% auto;max-height:90vh;width:95%}.gallery-thumbs{gap:.4rem;padding-bottom:.5rem}.gallery-thumbs img{height:40px;width:60px}.gallery-nav{font-size:1.3rem;height:50px;width:50px}.close-modal{font-size:2rem;height:45px;right:20px;top:15px;width:45px}.footer-content{gap:1rem;grid-template-columns:repeat(3,1fr);text-align:center}.footer-section{padding:0 .5rem}.hero-buttons{align-items:center;flex-direction:column;gap:1rem}.btn{font-size:1rem;padding:1rem 2rem}.btn,.hero-social-link{max-width:300px;width:100%}.hero-social-link{justify-content:center}.section{padding:3rem 1rem}.container{max-width:100%;padding:0 1rem}.brand-modal{padding:1rem}.brand-modal-content{border-radius:var(--border-radius-large);max-height:85vh;overflow-y:auto}@media (max-width:480px){.brand-modal{padding:.5rem}.brand-modal-content{border-radius:0;height:100vh;margin:0;width:100%}.gallery-thumbs{bottom:15px;gap:.3rem;padding:.4rem}.gallery-thumbs img{height:35px;width:50px}.gallery-nav{font-size:1.2rem;height:45px;width:45px}.close-modal{font-size:1.8rem;height:40px;right:18px;top:12px;width:40px}}.main-content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.btn{justify-content:center;min-height:48px}.btn,.contact-link{align-items:center;display:flex}.contact-link{min-height:44px;padding:.75rem 1rem;word-wrap:break-word;overflow-wrap:break-word;text-align:center}.project-image{height:200px}.card-image{aspect-ratio:1/1}.brand-logo{height:80px}.hero-content{padding:2rem 1rem}.about-content,.contact-content{padding:1rem}.spotlight-overlay{will-change:opacity}.main-content{will-change:scroll-position}.btn:active,.contact-link:active,.nav-link:active{transform:scale(.95);transition:transform .1s ease}.brand-card,.project-card,.team-card{position:relative}.brand-card:after,.project-card:after,.team-card:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s ease;width:100%}.brand-card:hover:after,.project-card:hover:after,.team-card:hover:after{transform:translateX(100%)}}img.loading{opacity:.3;transition:opacity .3s ease}img.image-loaded,img.loaded{opacity:1;transition:opacity .3s ease}[data-animate]{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}[data-animate].animate{opacity:1;transform:translateY(0)}[data-animate=fade-in]{transition:opacity .6s ease}[data-animate=scale-in],[data-animate=slide-up]{transition:opacity .6s ease,transform .6s ease}[data-animate=scale-in]{transform:translateY(30px) scale(.9)}[data-animate=scale-in].animate{transform:translateY(0) scale(1)}[data-load-on-scroll]{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;min-height:100px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.content-loaded{animation:none!important;background:none!important}.floating-whatsapp{align-items:center;bottom:30px;display:flex;flex-direction:column;gap:10px;opacity:0;position:fixed;right:1px;transform:translateY(20px);transition:all .5s ease;visibility:hidden;z-index:1000}.floating-whatsapp.show{opacity:1;transform:translateY(0);visibility:visible}.whatsapp-button{align-items:center;background:#25d366;border:none;border-radius:50%;box-shadow:0 4px 20px rgba(37,211,102,.4);cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:60px}.whatsapp-button:before{background:linear-gradient(45deg,#25d366,#128c7e);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.whatsapp-button:hover:before{opacity:1}.whatsapp-button:hover{box-shadow:0 6px 25px rgba(37,211,102,.6);transform:scale(1.1)}.whatsapp-button svg{height:32px;width:32px;fill:#fff;position:relative;z-index:1}.whatsapp-tooltip{backdrop-filter:blur(10px);background:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:14px;opacity:0;padding:8px 12px;pointer-events:none;transform:translateY(10px);transition:all .3s ease;white-space:nowrap}.floating-whatsapp:hover .whatsapp-tooltip{opacity:1;transform:translateY(0)}@media (max-width:768px){.floating-whatsapp{bottom:20px;right:-50px}.whatsapp-button{height:55px;width:55px}.whatsapp-button svg{height:28px;width:28px}.whatsapp-tooltip{font-size:12px;padding:6px 10px}}@media (max-width:480px){.floating-whatsapp{bottom:15px;right:-57px}.whatsapp-button{height:50px;width:50px}.whatsapp-button svg{height:24px;width:24px}.footer-content{gap:.8rem;grid-template-columns:1fr;text-align:center;padding:0 1rem}.footer-section{padding:0 .5rem;margin-bottom:1.5rem}.footer-section h3{font-size:1.3rem}.footer-section h4{font-size:1.1rem}.footer-section p{font-size:.9rem}.social-links{margin-top:.8rem}.social-link{font-size:.9rem;padding:.4rem 0}.footer-bottom{padding-top:1.5rem}.footer-bottom p{font-size:.85rem}}.contact-form-section{backdrop-filter:blur(10px);background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);margin-top:4rem;padding:3rem}.form-title{background:linear-gradient(135deg,var(--accent-color),#ff8c5a);-webkit-background-clip:text;color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center;-webkit-text-fill-color:transparent;background-clip:text}.form-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:3rem;opacity:.9;text-align:center}.contact-form{margin:0 auto;max-width:800px}.form-row{display:grid;gap:2rem;grid-template-columns:1fr 1fr}.form-group,.form-row{margin-bottom:2rem}.form-group label{color:var(--text-primary);display:block;font-size:1rem;font-weight:600;margin-bottom:.8rem;opacity:.9}.form-group input,.form-group select,.form-group textarea{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:2px solid hsla(0,0%,100%,.1);border-radius:12px;color:var(--text-primary);font-size:1rem;padding:1rem 1.2rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:hsla(0,0%,100%,.1);border-color:var(--accent-color);box-shadow:0 0 20px rgba(255,107,53,.3);outline:none}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--text-secondary);opacity:.6}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.6}.form-group textarea{font-family:inherit;min-height:120px;resize:vertical}.submit-btn{align-items:center;background:linear-gradient(135deg,var(--accent-color),#ff8c5a);border:none;border-radius:12px;box-shadow:0 8px 25px rgba(255,107,53,.3);color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.8rem;justify-content:center;padding:1.2rem 2rem;transition:all .3s ease;width:100%}.submit-btn:hover{background:linear-gradient(135deg,#ff8c5a,var(--accent-color));box-shadow:0 12px 35px rgba(255,107,53,.4);transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.btn-icon{font-size:1.2rem}@media (max-width:768px){.contact-form-section{margin-top:3rem;padding:2rem}.form-title{font-size:2rem}.form-subtitle{font-size:1rem;margin-bottom:2rem}.form-row{gap:1rem;grid-template-columns:1fr}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;padding:.9rem 1rem}.submit-btn{font-size:1rem;padding:1rem 1.5rem}}@media (max-width:480px){.contact-form-section{margin-top:2rem;padding:1.5rem}.form-title{font-size:1.8rem}.form-subtitle{font-size:.95rem;margin-bottom:1.5rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.8rem .9rem}.submit-btn{font-size:.95rem;padding:.9rem 1.2rem}}.success-message{animation:slideInRight .5s ease;backdrop-filter:blur(10px);background:linear-gradient(135deg,#4caf50,#45a049);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 10px 30px rgba(76,175,80,.3);color:#fff;max-width:350px;padding:1rem 1.5rem;position:fixed;right:30px;top:30px;z-index:10000}.success-content{align-items:center;display:flex;gap:.8rem}.success-icon{animation:bounce .6s ease;font-size:1.2rem}.success-text{font-size:.95rem;font-weight:500;line-height:1.4}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.success-message{left:20px;max-width:none;right:20px;right:auto;top:20px}}@media (max-width:480px){.success-message{left:15px;padding:.8rem 1.2rem;right:15px;top:15px}.success-text{font-size:.9rem}}.error-message{animation:slideInRight .5s ease;backdrop-filter:blur(10px);background:linear-gradient(135deg,#f44336,#d32f2f);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 10px 30px rgba(244,67,54,.3);color:#fff;max-width:350px;padding:1rem 1.5rem;position:fixed;right:30px;top:30px;z-index:10000}.error-content{align-items:center;display:flex;gap:.8rem}.error-icon{animation:shake .6s ease;font-size:1.2rem}.error-text{font-size:.95rem;font-weight:500;line-height:1.4}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:768px){.error-message{left:20px;max-width:none;right:20px;right:auto;top:20px}}@media (max-width:480px){.error-message{left:15px;padding:.8rem 1.2rem;right:15px;top:15px}.error-text{font-size:.9rem}}
/* 480px altında header düzenlemesi */
@media (max-width: 480px) { .nav-container { flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0.5rem; padding: 0.5rem; min-height: auto; } }
@media (max-width: 480px) { .logo { order: 1; flex-shrink: 0; gap: 0.5rem; } .logo h1 { font-size: 1.5rem; } .logo-image { height: 50px; width: 50px; } }
@media (max-width: 480px) { .nav-menu { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(26, 26, 26, 0.98); backdrop-filter: blur(15px); border: none; padding: 2rem; flex-direction: column; gap: 1rem; z-index: 150; } }
@media (max-width: 480px) { .nav-link { font-size: 0.85rem; padding: 0.3rem 0.5rem; } }
@media (max-width: 480px) { .nav-menu .language-menu-item { display: block !important; } .nav-menu .language-menu-item .nav-lang-btn { background: var(--accent-gradient); border: none; border-radius: var(--border-radius); box-shadow: 0 0 15px var(--glow-color); color: var(--text-color); cursor: pointer; font-size: 1rem; font-weight: 600; height: auto; justify-content: center; line-height: 1; padding: 1rem 2rem; text-align: center; width: auto; } }
@media (max-width: 480px) { .main-nav { padding: 0.5rem 0; } .main-content { margin-top: 60px; } }
/* 768px altında hamburger menü */
@media (max-width: 768px) { .nav-menu { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: rgba(26, 26, 26, 0.98); backdrop-filter: blur(15px); border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 2rem; flex-direction: column; gap: 1rem; z-index: 150; } .hamburger { display: block; } }
@media (max-width: 768px) { .nav-menu.active { display: flex; } .nav-link { padding: 1rem 2rem; font-size: 1.3rem; text-align: center; } }
@media (max-width: 768px) { .nav-right .mobile-language-toggle { display: none !important; } }
@media (max-width: 480px) { .nav-right .mobile-language-toggle { display: none !important; } }
/* 480px altında hamburger buton sağda */
@media (max-width: 480px) { .nav-right { margin-left: auto; order: 4; } .hamburger { display: block; } }
/* 768px altında language toggle açılır menüde görünür */
@media (max-width: 768px) { .nav-menu .language-menu-item { display: block !important; } }
@media (max-width: 768px) { .nav-menu .language-menu-item .nav-lang-btn { background: var(--accent-gradient); border: none; border-radius: var(--border-radius); box-shadow: 0 0 15px var(--glow-color); color: var(--text-color); cursor: pointer; font-size: 1rem; font-weight: 600; height: auto; justify-content: center; line-height: 1; padding: 1rem 2rem; text-align: center; width: auto; } }
/* 768px altında menü elementleri ve language toggle boyutları temiz.css ile aynı */
@media (max-width: 768px) { .nav-menu li { width: 100%; text-align: center; } }
@media (max-width: 768px) { .nav-link { display: block; width: 100%; padding: 1.5rem 2rem; font-size: 1.2rem; border-radius: var(--border-radius); background: rgba(255, 107, 53, 0.1); border: 1px solid rgba(255, 107, 53, 0.2); transition: var(--transition); } }
@media (max-width: 768px) { .nav-link:hover { background: rgba(255, 107, 53, 0.2); border-color: var(--accent-color); transform: translateY(-2px); } }
@media (max-width: 768px) { .language-menu-item { margin-top: 1rem; width: 100%; } }
@media (max-width: 768px) { .nav-lang-btn { width: 100%; padding: 1.5rem 2rem; font-size: 1.2rem; border-radius: var(--border-radius); background: var(--accent-gradient); border: 1px solid rgba(255, 107, 53, 0.3); transition: var(--transition); } }
@media (max-width: 768px) { .nav-lang-btn:hover { background: var(--accent-gradient); border-color: var(--accent-color); transform: translateY(-2px); box-shadow: 0 8px 25px var(--glow-color); } }
/* 480px altında menü elementleri ve language toggle boyutları temiz.css ile aynı */
@media (max-width: 480px) { .nav-menu { align-items: center; gap: 0.3rem; padding-top: 0.5rem; } }
@media (max-width: 480px) { .nav-menu li { width: 100%; text-align: center; } }
@media (max-width: 480px) { .nav-link { display: block; width: 100%; padding: 1.2rem 1.5rem; font-size: 1.1rem; border-radius: var(--border-radius); background: rgba(255, 107, 53, 0.1); border: 1px solid rgba(255, 107, 53, 0.2); transition: var(--transition); } }
@media (max-width: 480px) { .nav-link:hover { background: rgba(255, 107, 53, 0.2); border-color: var(--accent-color); transform: translateY(-2px); } }
@media (max-width: 480px) { .language-menu-item { margin-top: 1rem; width: 100%; } }
@media (max-width: 480px) { .nav-lang-btn { width: 100%; padding: 1.2rem 1.5rem; font-size: 1.1rem; border-radius: var(--border-radius); background: var(--accent-gradient); border: 1px solid rgba(255, 107, 53, 0.3); transition: var(--transition); } }
@media (max-width: 480px) { .nav-lang-btn:hover { background: var(--accent-gradient); border-color: var(--accent-color); transform: translateY(-2px); box-shadow: 0 8px 25px var(--glow-color); } }
/* 768px altında language toggle menü itemleriyle aynı boyutta */
@media (max-width: 768px) { .nav-menu .language-menu-item .nav-lang-btn { width: 100%; padding: 1.5rem 2rem; font-size: 1.2rem; border-radius: var(--border-radius); background: var(--accent-gradient); border: 1px solid rgba(255, 107, 53, 0.3); transition: var(--transition); } }
@media (max-width: 480px) { .nav-menu .language-menu-item .nav-lang-btn { width: 100%; padding: 1.2rem 1.5rem; font-size: 1.1rem; border-radius: var(--border-radius); background: var(--accent-gradient); border: 1px solid rgba(255, 107, 53, 0.3); transition: var(--transition); } }
/* Küçük ekran yüksekliği (iPhone SE gibi) için açılır menü öğelerini sığdır */
@media (max-width: 480px) and (max-height: 700px) {
.nav-menu { padding: 1rem; gap: .4rem; }
.nav-menu li { margin: .4rem 0; }
.nav-menu .nav-link { font-size: 1rem; padding: .6rem 1rem; }
.nav-menu .language-menu-item { display: block !important; margin: .2rem 0; }
.nav-menu .nav-lang-btn { font-size: .9rem; padding: .5rem .9rem; width: 100%; height: auto; }
}
/* Mobilde arka plan için focus/sabit arka planı kaldır */
@media (max-width: 768px) { body:before { display: none; background-attachment: scroll; } }