.site-header {
    position: relative;
    width: 100%;
    min-height: 100svh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    display: flex;
    flex-direction: column;
    color: var(--wp--preset--color--cream);
    overflow: hidden;
    padding-inline: var(--laiguana-block-padding-inline);
    isolation: isolate;
    transform: translateZ(0);
}

.site-header::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(43, 38, 32, 0.78) 0%,
        rgba(43, 38, 32, 0.15) 55%,
        rgba(43, 38, 32, 0.35) 100%
    );
    pointer-events: none;
    z-index: -1;
}

.site-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../../images/noise-texture.webp');
    background-size: 100px;
    background-position: center center;
    mix-blend-mode: hard-light;
    opacity: 0.8;
    pointer-events: none;
    z-index: 0;
}