document.addEventListener('DOMContentLoaded', () => {
    // Target the native Bricks header wrapper
    const header = document.getElementById('brx-header'); 
    if (!header) return;

    const updateHeaderHeight = () => {
        const headerHeight = header.offsetHeight;
        // This creates a live variable called --header-height we can use in CSS!
        document.documentElement.style.setProperty('--header-height', `${headerHeight}px`);
    };

    // Run immediately, and re-run if the user resizes their screen or rotates their phone
    updateHeaderHeight();
    window.addEventListener('resize', updateHeaderHeight);
    window.addEventListener('orientationchange', updateHeaderHeight);
});

International Supermarket – Head Office

reference

This project involved the fit-out of the head office for a leading international supermarket chain. We delivered comprehensive interior fit-out works and bespoke fixtures across office and communal areas. The design combines functionality with a contemporary, employee-focused environment, incorporating warm materials, acoustic solutions, and collaborative spaces to support modern workplace needs.

Let’s discuss your next project

Whether you’re planning a flagship store, a hotel interior, or a multi-site rollout—we’re ready to discuss your project requirements and how we can deliver.