@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;700&family=Playfair+Display:ital,wght@1,700&display=swap');
        html { scroll-behavior: smooth; } 
        body { background-color: #000; color: white; font-family: 'Space Grotesk', sans-serif; overflow-x: hidden; }
        .hero-text { font-family: 'Playfair Display', serif; font-style: italic; }
        .animate-breathe { animation: breathing 4s ease-in-out infinite; display: inline-block; }
        @keyframes breathing { 0%, 100% { transform: scale(1); filter: brightness(100%); } 50% { transform: scale(1.05); filter: brightness(130%); text-shadow: 0 0 20px rgba(126, 19, 17, 0.6); } }
        .reveal-text { opacity: 0; transform: translateY(30px); transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal-text.visible { opacity: 1; transform: translateY(0); }
        .scan-line { position: absolute; height: 15%; width: 100%; background: linear-gradient(to bottom, transparent, rgba(126, 19, 17, 0.6), transparent); animation: scan 3s linear infinite; display: none; z-index: 20; }
        .group:hover .scan-line { display: block; }
        @keyframes scan { 0% { top: -10%; } 100% { top: 110%; } }
        @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-33.33%); }}
        .animate-marquee { display: inline-flex; animation: marquee 15s linear infinite; }
        .impact-card { position: relative; background: rgba(255, 255, 255, 0.02); border: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1); overflow: hidden; }
        .impact-card:hover { background: rgba(255, 255, 255, 0.05); transform: translateY(-10px); border-color: rgba(126, 19, 17, 0.5); }
        .service-text-block { transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); transform: translateY(50px); opacity: 0.1; }
        .service-text-block.active { transform: translateY(0); opacity: 1; }
        .service-img { transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1); filter: grayscale(100%) blur(10px); transform: scale(1.2); opacity: 0; position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
        .service-img.active { opacity: 1; filter: grayscale(0%) blur(0px); transform: scale(1); }
        .lang-switcher { display: flex; gap: 10px; margin-left: 20px; border-left: 1px solid rgba(255,255,255,0.2); padding-left: 20px; }
        .lang-btn { cursor: pointer; font-size: 10px; opacity: 0.5; transition: 0.3s; letter-spacing: 2px; }
        .lang-btn:hover, .lang-btn.active { opacity: 1; color: #7E1311; }