/* styles.css */

/* custom fonts */
@font-face {
    font-family: 'Avenir LT Pro Black';
    src: url('AvenirLTProBlack.ttf') format('truetype');
}

/* Reset default margins and set page background */
body {
    margin: 0;
    background-color: white; /* Shows through transparent mask areas */
}

/* Header container styling */
.header-container {
    width: 100%; /* Full viewport width */
    height: 100vh; /* Adjust to match the red section’s height */
    background-image: url('our-work_image_DK-2.webp');
    background-size: cover; /* Fills the container */
    background-position: center; /* Centers the image */
    mask-image: url('neal-mask-2.png');
    -webkit-mask-image: url('neal-mask-2.png'); /* For browser compatibility */
    mask-size: 100% 100%; /* Matches container size */
    -webkit-mask-size: 100% 100%;
    margin-top: -100px; /* Adjusts the position of the mask */
}