/* Cobian Fence Co. — 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: 'Poppins', 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 #E3A83F; 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: #C1811C; border-radius: 2px; } img { background-color: #F1EFEA; }