/* Velcorp Demolition — shared custom styles (Tailwind handles most utility styling via CDN config in each page's ) */ html { scroll-behavior: smooth; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; } } body { font-family: 'Inter', system-ui, sans-serif; } h1, h2, h3, h4, .font-heading { font-family: 'Oswald', system-ui, sans-serif; } /* Visible focus rings for keyboard nav, kept on every interactive element */ a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 3px solid #5A6FC4; outline-offset: 2px; } /* Mobile nav */ #mobile-menu { max-height: 0; overflow: hidden; transition: max-height 300ms ease; } #mobile-menu.open { max-height: 32rem; } /* Simple scroll-reveal */ .reveal { opacity: 0; transform: translateY(16px); transition: opacity 500ms ease, transform 500ms ease; } .reveal.in-view { opacity: 1; transform: translateY(0); } /* Gallery filter transition */ .gallery-item { transition: opacity 250ms ease, transform 250ms ease; } .gallery-item.hidden-item { display: none; } /* Active nav link underline */ .nav-link { position: relative; } .nav-link.active::after { content: ''; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; background: #26356F; border-radius: 2px; } img { background-color: #E6E8EA; } /* Brand stripe — diagonal band echoing the angled "V" in the Velcorp mark */ .brand-stripe { height: 4px; background: linear-gradient(100deg, #1B2657 0%, #1B2657 38%, #5A6FC4 38%, #5A6FC4 52%, #9AA1AA 52%, #9AA1AA 66%, #1B2657 66%, #1B2657 100%); } /* Connected timeline (How We Work) */ .timeline-line { background: repeating-linear-gradient(90deg, #DCE3F6 0, #DCE3F6 8px, transparent 8px, transparent 14px); } /* Hero image carousel */ .hero-slide { position: absolute; inset: 0; opacity: 0; transition: opacity 1200ms ease; } .hero-slide.active { opacity: 1; } /* Featured projects rail */ .featured-strip { scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; } .featured-strip::-webkit-scrollbar { display: none; } /* FAQ accordion */ .faq-answer { max-height: 0; overflow: hidden; transition: max-height 350ms ease; } .faq-item.open .faq-answer { max-height: 12rem; } .faq-icon { transition: transform 250ms ease; } .faq-item.open .faq-icon { transform: rotate(45deg); } /* Video play overlay */ .video-wrapper .video-overlay { transition: opacity 200ms ease; } .video-wrapper.playing .video-overlay { opacity: 0; pointer-events: none; } /* Oversized outlined watermark text */ .watermark-text { font-family: 'Oswald', system-ui, sans-serif; font-weight: 700; color: transparent; -webkit-text-stroke: 1.5px rgba(143, 160, 224, 0.22); line-height: 0.85; white-space: nowrap; }