*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#396741;--primary-light:#4d8555;--primary-dark:#2a4d31;--secondary-color:#8b9b7a;--accent-color:#d4a574;--white:#ffffff;--off-white:#fafaf8;--light-gray:#f5f5f3;--gray:#8a8a8a;--dark-gray:#4a4a4a;--black:#1a1a1a;--font-heading:'Lora',serif;--font-body:'Montserrat',sans-serif;--max-width:1200px;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition:all 0.3s ease;--transition-slow:all 0.6s ease}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-weight:400;line-height:1.7;color:var(--dark-gray);background-color:var(--white);overflow-x:hidden}body.loading{overflow:hidden}@supports (content-visibility:auto){.contact,.footer,.services{content-visibility:auto;contain-intrinsic-size:800px}}.about,.contact,.footer,.hero,.navbar,.portfolio,.services{transition:opacity .6s ease}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--black);margin-bottom:var(--spacing-sm)}h1{font-size:clamp(2.5rem, 5vw, 4rem)}h2{font-size:clamp(2rem, 4vw, 3rem)}h3{font-size:clamp(1.5rem, 3vw, 2rem)}h4{font-size:clamp(1.25rem, 2.5vw, 1.5rem)}p{margin-bottom:var(--spacing-sm)}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}img{max-width:100%;height:auto;display:block}.btn{display:inline-block;padding:1rem 2.5rem;font-family:var(--font-body);font-size:.95rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover::before{width:300px;height:300px}.btn-primary{background-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-3px) scale(1.02);box-shadow:0 15px 40px rgba(57,103,65,.3)}.btn-primary:active{transform:translateY(-1px) scale(.98)}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-label{display:inline-block;font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:var(--primary-color);margin-bottom:var(--spacing-sm);position:relative;padding-bottom:.5rem}.section-label::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);animation:pulse 2s ease-in-out infinite}.section-title{max-width:700px;margin:0 auto}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--white);display:flex;align-items:center;justify-content:center;z-index:10000;transition:opacity .5s ease,visibility .5s ease}.preloader.hidden{opacity:0;visibility:hidden}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.preloader-logo{width:150px;height:auto;animation:logosPulse 2s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(57, 103, 65, .2))}.preloader-spinner{width:60px;height:60px;border:4px solid var(--light-gray);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes logosPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.navbar{position:fixed;top:0;left:0;width:100%;background-color:rgba(255,255,255,.98);backdrop-filter:blur(10px);box-shadow:0 4px 24px rgba(0,0,0,.04);z-index:1000;transition:all .3s ease;transform:translateY(0)}.navbar.scrolled{box-shadow:0 2px 30px rgba(0,0,0,.1)}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:1.5rem var(--spacing-md)}.logo-img{height:50px;width:auto}.nav-menu{display:flex;gap:var(--spacing-md);align-items:center}.nav-link{font-size:.95rem;font-weight:500;color:var(--dark-gray);position:relative}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:var(--transition)}.nav-link:hover{color:var(--primary-color)}.nav-link:hover::after{width:100%}.nav-link.contact-btn{padding:.75rem 1.5rem;background-color:var(--primary-color);color:var(--white);border-radius:var(--radius-sm)}.nav-link.contact-btn::after{display:none}.nav-link.contact-btn:hover{background-color:var(--primary-dark);color:var(--white)}.mobile-menu-toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:5px}.mobile-menu-toggle span{width:25px;height:2px;background-color:var(--primary-color);transition:var(--transition)}.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a4d31 0,#396741 100%);background-image:url('images/hero/hero-bg.jpg');background-image:image-set(
        url('images/hero/hero-bg.webp') type('image/webp'),
        url('images/hero/hero-bg.jpg') type('image/jpeg')
    );background-size:cover;background-position:center;background-attachment:scroll;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(42,77,49,.75) 0,rgba(57,103,65,.65) 100%)}.hero-content{position:relative;z-index:2;text-align:center;color:var(--white);max-width:900px;padding:0 var(--spacing-md);animation:fadeInUp 1s ease}.hero-title{color:var(--white);margin-bottom:var(--spacing-md);text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero-subtitle{font-size:clamp(1.1rem, 2vw, 1.3rem);font-weight:300;margin-bottom:var(--spacing-lg);opacity:.95}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);z-index:2}.scroll-indicator span{display:block;width:30px;height:50px;border:2px solid rgba(255,255,255,.6);border-radius:25px;position:relative;backdrop-filter:blur(4px)}.scroll-indicator{animation:float 3s ease-in-out infinite}.scroll-indicator span::before{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:6px;height:6px;background-color:rgba(255,255,255,.8);border-radius:50%;animation:scroll 2s infinite}.about{padding:var(--spacing-xl) 0;background-color:var(--white)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:center}.about-description{font-size:1.1rem;line-height:1.8;color:var(--dark-gray);margin-bottom:var(--spacing-md)}.about-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.feature-item{text-align:center}.feature-number{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.feature-text{font-size:.9rem;color:var(--gray);text-transform:uppercase;letter-spacing:1px}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.team-member{position:relative;overflow:hidden;border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.08);transition:all .4s cubic-bezier(.175, .885, .32, 1.275)}.team-member::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(57,103,65,.1) 0,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.team-member:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 25px 70px rgba(57,103,65,.2)}.team-member:hover::after{opacity:1}.team-photo{width:100%;height:350px;object-fit:cover;transition:var(--transition-slow)}.team-member picture{display:block}.team-member:hover .team-photo{transform:scale(1.05)}.team-info{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(to top,rgba(26,26,26,.95) 0,rgba(26,26,26,.7) 50%,transparent 100%);color:var(--white);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.team-name{font-size:1.3rem;color:var(--white);margin-bottom:.25rem}.team-role{font-size:.9rem;color:rgba(255,255,255,.8);margin:0}.video-section{padding:var(--spacing-xl) 0;background-color:var(--off-white);overflow:hidden}.tiktok-slider{position:relative;max-width:1200px;margin:0 auto;padding:0 60px}.tiktok-videos-container{display:flex;gap:var(--spacing-md);overflow:visible;justify-content:center;align-items:center;min-height:700px}.tiktok-video-wrapper{position:relative;width:320px;height:600px;flex-shrink:0;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 15px 60px rgba(0,0,0,.2);transition:all .5s cubic-bezier(.34, 1.56, .64, 1);cursor:pointer;display:none;opacity:0;transform:scale(.85)}.tiktok-video-wrapper.next,.tiktok-video-wrapper.prev{display:block;opacity:.7;transform:scale(.92);z-index:5}.tiktok-video-wrapper.active{display:block;opacity:1;transform:scale(1);box-shadow:0 25px 90px rgba(57,103,65,.4);z-index:10}.tiktok-video-wrapper.prev{order:1}.tiktok-video-wrapper.active{order:2}.tiktok-video-wrapper.next{order:3}.tiktok-video{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.tiktok-video-wrapper:hover .tiktok-video{transform:scale(1.05)}.video-info{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-md);background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,.6) 60%,transparent 100%);color:var(--white);transform:translateY(0);transition:all .4s ease;z-index:5}.video-title{font-size:1.3rem;color:var(--white);margin-bottom:.5rem;font-weight:600}.video-description{font-size:.9rem;color:rgba(255,255,255,.85);margin:0;line-height:1.4}.video-play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.3);opacity:1;transition:all .4s ease;z-index:10}.tiktok-video-wrapper.playing .video-play-overlay{opacity:0;pointer-events:none}.video-play-btn{background:0 0;border:none;cursor:pointer;transition:all .3s cubic-bezier(.68, -.55, .265, 1.55);position:relative;animation:tiktokButtonPulse 2s ease-in-out infinite}.video-play-btn:hover{transform:scale(1.2)}.video-play-btn:active{transform:scale(.9)}.video-play-btn svg{filter:drop-shadow(0 6px 20px rgba(0, 0, 0, .5))}.slider-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:var(--white);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;box-shadow:0 5px 25px rgba(0,0,0,.15);transition:all .3s ease}.slider-nav:hover{background:var(--primary-color);transform:translateY(-50%) scale(1.1);box-shadow:0 8px 30px rgba(57,103,65,.4)}.slider-nav:hover svg{stroke:var(--white)}.slider-nav:active{transform:translateY(-50%) scale(.95)}.slider-nav-prev{left:0}.slider-nav-next{right:0}.slider-nav svg{stroke:var(--primary-color);transition:stroke .3s ease}.slider-dots{display:flex;justify-content:center;gap:12px;margin-top:var(--spacing-lg)}.dot{width:12px;height:12px;border-radius:50%;background-color:var(--gray);cursor:pointer;transition:all .3s ease;opacity:.5}.dot:hover{opacity:.8;transform:scale(1.2)}.dot.active{background-color:var(--primary-color);opacity:1;transform:scale(1.3)}@keyframes tiktokButtonPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@media (max-width:1100px){.tiktok-video-wrapper{width:280px;height:520px}.tiktok-slider{padding:0 var(--spacing-md)}}@media (max-width:900px){.tiktok-video-wrapper{width:240px;height:480px}}@media (max-width:768px){.preloader{display:none!important}body.loading{overflow-x:hidden;overflow-y:auto}.hero{background-image:url('images/hero/hero-bg-mobile-480.jpg');background-image:image-set(
            url('images/hero/hero-bg-mobile-480.webp') type('image/webp') 1x,
            url('images/hero/hero-bg-mobile.webp') type('image/webp') 2x,
            url('images/hero/hero-bg-mobile-480.jpg') type('image/jpeg') 1x,
            url('images/hero/hero-bg-mobile.jpg') type('image/jpeg') 2x
        )}.tiktok-video-wrapper.next,.tiktok-video-wrapper.prev{display:none}.tiktok-video-wrapper{width:100%;max-width:360px}.tiktok-videos-container{justify-content:center}}@media (max-width:600px){.tiktok-video-wrapper{height:550px;max-width:320px}.slider-nav{width:40px;height:40px}.slider-nav svg{width:20px;height:20px}.video-title{font-size:1.1rem}.video-description{font-size:.85rem}}.services{padding:var(--spacing-xl) 0;background-color:var(--light-gray)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-md)}.service-card{background-color:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 5px 30px rgba(0,0,0,.05);transition:all .4s cubic-bezier(.175, .885, .32, 1.275);border:2px solid transparent;position:relative;overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(57,103,65,.05),transparent);transition:left .6s ease}.service-card:hover::before{left:100%}.service-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 25px 70px rgba(57,103,65,.15);border-color:var(--primary-color)}.service-icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;color:var(--primary-color);margin-bottom:var(--spacing-md);transition:all .5s cubic-bezier(.68, -.55, .265, 1.55);position:relative}.service-icon::before{content:'';position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(57,103,65,.1) 0,transparent 70%);border-radius:50%;transform:scale(0);transition:transform .5s ease}.service-card:hover .service-icon::before{transform:scale(1.3)}.service-card:hover .service-icon{transform:scale(1.15) rotate(5deg);color:var(--primary-light)}.service-icon svg{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .1));transition:filter .3s ease}.service-card:hover .service-icon svg{filter:drop-shadow(0 4px 8px rgba(57, 103, 65, .3))}.service-title{font-size:1.5rem;margin-bottom:var(--spacing-sm);color:var(--black)}.service-description{color:var(--dark-gray);margin-bottom:var(--spacing-md);line-height:1.8}.service-list{list-style:none}.service-list li{padding:.5rem 0;padding-left:1.5rem;position:relative;color:var(--dark-gray);font-size:.95rem}.service-list li::before{content:'✓';position:absolute;left:0;color:var(--primary-color);font-weight:700}.portfolio{padding:var(--spacing-xl) 0;background-color:var(--white)}.portfolio-filters{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.filter-btn{padding:.75rem 1.5rem;background-color:transparent;border:2px solid var(--secondary-color);border-radius:var(--radius-sm);color:var(--dark-gray);font-family:var(--font-body);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:var(--transition)}.filter-btn.active,.filter-btn:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-md)}.portfolio-item{position:relative;overflow:hidden;aspect-ratio:9/16;cursor:pointer;border-radius:var(--radius-lg);box-shadow:0 5px 30px rgba(0,0,0,.08);transition:transform var(--transition-slow);background-color:var(--light-gray)}.portfolio-video{display:block;position:relative;z-index:1;width:100%;height:100%;object-fit:cover;transition:var(--transition-slow);background-color:var(--light-gray)}.portfolio-poster-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2;pointer-events:none;opacity:1;transition:opacity .25s ease}.portfolio-item.video-playing .portfolio-poster-layer{opacity:0}.portfolio-item:hover{transform:scale(1.03);z-index:2}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(42,77,49,.95) 0,rgba(57,103,65,.7) 40%,transparent 70%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-md);border-radius:var(--radius-lg);opacity:0;transition:opacity .4s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-item:hover .portfolio-video{transform:scale(1.1) rotate(2deg);filter:brightness(.9)}.portfolio-title{color:var(--white);font-size:1.5rem;margin-bottom:.5rem;transform:translateY(20px);transition:transform .4s ease .1s}.portfolio-item:hover .portfolio-title{transform:translateY(0)}.portfolio-category{color:rgba(255,255,255,.8);font-size:.9rem;text-transform:uppercase;letter-spacing:1px;margin:0;transform:translateY(20px);transition:transform .4s ease .2s}.portfolio-item:hover .portfolio-category{transform:translateY(0)}.portfolio-item.hidden{display:none}.contact{padding:var(--spacing-xl) 0;background-color:var(--light-gray)}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--spacing-lg)}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.contact-item{display:flex;gap:var(--spacing-sm);align-items:flex-start}.contact-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);color:var(--white);border-radius:50%;flex-shrink:0;transition:all .3s ease;position:relative;overflow:hidden}.contact-icon::before{content:'';position:absolute;width:100%;height:100%;background:rgba(255,255,255,.2);border-radius:50%;transform:scale(0);transition:transform .3s ease}.contact-item:hover .contact-icon{transform:rotate(360deg) scale(1.1);box-shadow:0 5px 20px rgba(57,103,65,.4)}.contact-item:hover .contact-icon::before{transform:scale(1)}.contact-item h3{font-size:1.1rem;margin-bottom:.25rem;color:var(--black)}.contact-item p{color:var(--dark-gray);margin:0}.contact-form{background-color:var(--white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.05)}.form-group{margin-bottom:var(--spacing-md)}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid var(--light-gray);border-radius:var(--radius-md);background-color:var(--off-white);font-family:var(--font-body);font-size:1rem;color:var(--dark-gray);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:var(--primary-color);background-color:var(--white);transform:translateY(-2px);box-shadow:0 5px 20px rgba(57,103,65,.1)}.form-group{position:relative}.form-group input:focus~label,.form-group textarea:focus~label{color:var(--primary-color)}.form-group textarea{resize:vertical;min-height:150px}.floating-contact-btn{position:fixed;bottom:30px;right:30px;width:65px;height:65px;background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);box-shadow:0 8px 30px rgba(57,103,65,.4);cursor:pointer;z-index:999;transition:all .3s cubic-bezier(.68, -.55, .265, 1.55);animation:pulseButton 2s ease-in-out infinite}.floating-contact-btn::before{content:'';position:absolute;width:100%;height:100%;border-radius:50%;background:var(--primary-light);z-index:-1;animation:rippleEffect 2s ease-out infinite}.floating-contact-btn:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 40px rgba(57,103,65,.5)}.floating-contact-btn:active{transform:scale(.95)}.floating-contact-btn svg{filter:drop-shadow(0 2px 4px rgba(0, 0, 0, .2))}.grecaptcha-badge{visibility:hidden!important}.footer-bottom .recaptcha-disclaimer{margin-top:.5rem;font-size:.7rem;color:rgba(255,255,255,.7)}.recaptcha-disclaimer a{color:rgba(255,255,255,.85);text-decoration:underline;text-underline-offset:2px}@keyframes pulseButton{0%,100%{box-shadow:0 8px 30px rgba(57,103,65,.4)}50%{box-shadow:0 8px 40px rgba(57,103,65,.6)}}@keyframes rippleEffect{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.5);opacity:0}}.footer{background-color:var(--black);color:rgba(255,255,255,.8);padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-logo{height:50px;width:auto;margin-bottom:var(--spacing-sm);filter:brightness(0) invert(1)}.footer-text{font-size:.95rem;line-height:1.7;color:rgba(255,255,255,.7)}.footer-title{color:var(--white);font-size:1.2rem;margin-bottom:var(--spacing-sm)}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-links a,.footer-links li{color:rgba(255,255,255,.7);font-size:.95rem;transition:all .3s ease;position:relative;display:inline-block}.footer-links a::before{content:'→';position:absolute;left:-20px;opacity:0;transition:all .3s ease}.footer-links a:hover{color:var(--primary-light);padding-left:15px;transform:translateX(5px)}.footer-links a:hover::before{left:0;opacity:1}.footer-bottom{text-align:center;padding-top:var(--spacing-md);border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{color:rgba(255,255,255,.5);font-size:.9rem;margin:0}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scroll{0%{opacity:1;transform:translateX(-50%) translateY(0)}100%{opacity:0;transform:translateX(-50%) translateY(20px)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ripple{0%{transform:scale(0);opacity:1}100%{transform:scale(2.5);opacity:0}}@media (max-width:968px){.nav-menu{position:fixed;top:80px;left:-100%;width:100%;height:calc(100vh - 80px);flex-direction:column;background-color:var(--white);padding:var(--spacing-lg);transition:var(--transition);box-shadow:0 10px 30px rgba(0,0,0,.1)}.nav-menu.active{left:0}.mobile-menu-toggle{display:flex}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(7px,7px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.about-content{grid-template-columns:1fr}.about-features{grid-template-columns:repeat(3,1fr)}.contact-content{grid-template-columns:1fr}.services-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}}@media (max-width:600px){:root{--spacing-xl:4rem}.about-features{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr}.feature-number{font-size:2rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.floating-contact-btn{bottom:20px;right:20px;width:55px;height:55px}.floating-contact-btn svg{width:24px;height:24px}}@media (hover:none) and (pointer:coarse){.portfolio-item::before,.portfolio-item::after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:3;opacity:1;transition:opacity .25s ease}.portfolio-item::before{width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.45);box-shadow:0 8px 22px rgba(0,0,0,.25)}.portfolio-item::after{margin-left:2px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid var(--white)}.portfolio-item.video-playing::before,.portfolio-item.video-playing::after{opacity:0}}