See What Our Culture Looks Like in Real Life
Our culture is shaped by real people with real stories. We go from the desk to the everyday moments that show who we are, from team laughter and shared meals to quiet wins and everything in between.
Swipe through to see how connection, care, and community come to life in our everyday.
.fancybox__thumbs {
display: none;
}
.fancybox__container.is-animated {
z-index: 99999;
}
.carousel-wrapper {
position: relative;
width: 120%;
overflow: hidden;
}
.carousel {
display: flex;
scroll-behavior: smooth;
overflow-x: auto;
scrollbar-width: none;
padding-right: 10px;
}
.carousel::-webkit-scrollbar {
display: none;
}
.carousel-item {
flex: 0 0 70%;
/* 1 full + half next */
position: relative;
cursor: pointer;
}
.carousel-item img {
width: 100%;
border-radius: 16px;
transition: transform 0.3s ease;
}
.carousel-item img:hover {
transform: scale(1.05);
}
/* Arrows */
.carousel-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.6);
/* semi-transparent white by default */
color: #0b367b;
border: none;
padding: 15px 20px;
cursor: pointer;
border-radius: 50%;
z-index: 10;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
transition: background 0.3s ease, color 0.3s ease;
}
.carousel-nav:hover {
background: #fff;
/* full solid white on hover */
color: #000;
/* keep black arrow */
}
.carousel-nav.left {
left: 10px;
}
.carousel-nav.right {
right: 8%;
}
const carousel = document.querySelector('.carousel');
const leftNav = document.querySelector('.carousel-nav.left');
const rightNav = document.querySelector('.carousel-nav.right');
// Function to update arrow visibility
function updateNav() {
leftNav.style.display = carousel.scrollLeft = carousel.scrollWidth - 1
? 'none'
: 'block';
}
// Initial state
updateNav();
// Update when scrolling manually
carousel.addEventListener('scroll', updateNav);
// Left navigation
leftNav.addEventListener('click', () => {
carousel.scrollBy({ left: -carousel.clientWidth * 0.7, behavior: 'smooth' });
setTimeout(updateNav, 400); // wait until smooth scroll finishes
});
// Right navigation
rightNav.addEventListener('click', () => {
carousel.scrollBy({ left: carousel.clientWidth * 0.7, behavior: 'smooth' });
setTimeout(updateNav, 400);
});
// âś… Preload all carousel images on page load
document.addEventListener("DOMContentLoaded", function () {
const images = document.querySelectorAll(".carousel-item img");
images.forEach((img) => {
const preload = new Image();
preload.src = img.src;
});
});
