/* Ethereal Shadow Background for Page Header */

.ph-image-ethereal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
    z-index: -1;
}

.ethereal-bg {
    position: absolute;
    inset: -20px; /* Offset to prevent edges from clipping during distortion */
    background-color: rgba(60, 60, 60, 1); /* Giving it a subtle grey/silver shadow */
    
    /* Apply the SVG Filter */
    filter: url(#ethereal-shadow-filter) blur(4px);
    
    /* Shaping the shadow using the component's original mask */
    mask-image: url('https://framerusercontent.com/images/ceBGguIpUU8luwByxuQz79t7To.png');
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
}

.noise-overlay {
    position: absolute;
    inset: 0;
    background-image: url("https://framerusercontent.com/images/g0QcWrxr87K0ufOxIUFBakwYA8.png");
    background-repeat: repeat;
    opacity: 0.1;
    pointer-events: none;
}