/* Native interaction styles; original content and Bootstrap layout retained. */
[hidden] { display: none !important; }
.sf-menu li:focus-within > ul { display: block; }
.portfolio-items { display: flex; flex-wrap: wrap; }
.portfolio-items > li { position: relative; }
.js .animate-box.animated { opacity: 1; }
.fh5co-offcanvas #fh5co-page { transform: none; }
#offcanvas-menu { position: fixed; top: 0; right: 0; bottom: auto; height: 100vh; height: 100dvh; padding-top: 65px; z-index: 9998; transform: translateX(100%); visibility: hidden; transition: transform .3s, visibility .3s; }
.fh5co-offcanvas #offcanvas-menu { transform: translateX(0); visibility: visible; }
.fh5co-offcanvas .js-fh5co-nav-toggle { position: fixed; right: 15px; top: 0; z-index: 9999; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; } }