/* ========================================== DPSS Engineering Services - Base Styles ========================================== */ /* Smooth Scrolling & Base Configuration */ html { scroll-behavior: smooth; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; } /* ========================================== Logo & Blend Enhancements ========================================== */ /* Ensures JPEG logos with black backgrounds blend seamlessly into white/dark sections */ .logo-blend-dark { mix-blend-mode: multiply; } .logo-blend-light { mix-blend-mode: screen; } /* Handle broken image gracefully */ img { max-width: 100%; height: auto; } img:-moz-broken, img:-moz-suppressed { opacity: 0; } /* ========================================== Hero Video Background Styling ========================================== */ #heroVideo { object-fit: cover; object-position: center; pointer-events: none; filter: brightness(0.85); /* Slightly dims video for sharper text contrast */ } /* Fallback background if video fails to load */ .hero-fallback { background: linear-gradient(135deg, #064e3b 0%, #022c22 100%); } /* ========================================== Custom Utility Animations & Effects ========================================== */ /* Subtle Card Hover Effect */ .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; } .card-hover:hover { transform: translateY(-4px); box-shadow: 0 12px 24px -10px rgba(0, 0, 0, 0.15); } /* Custom Webkit Scrollbar */ ::-webkit-scrollbar { width: 10px; } ::-webkit-scrollbar-track { background: #f1f5f9; } ::-webkit-scrollbar-thumb { background: #059669; border-radius: 5px; } ::-webkit-scrollbar-thumb:hover { background: #047857; } /* High Contrast Focus States for Accessibility */ a:focus-visible, button:focus-visible { outline: 2px solid #059669; outline-offset: 2px; }