.bgi-wrap{position:relative;z-index:0;pointer-events:none}
.bgi-bg{position:fixed;inset:0;background-image:var(--bgi-image);background-repeat:var(--bgi-bg-repeat-mode,no-repeat);background-size:var(--bgi-bg-size-mode,cover);background-position:center center;background-attachment:var(--bgi-bg-position-mode,fixed);z-index:0;pointer-events:none}
.bgi-bg--fade-in{opacity:0;animation:bgiFadeIn .5s ease-out forwards}
.bgi-bg::after{content:"";position:absolute;inset:0;background:var(--bgi-overlay-color,#000);opacity:var(--bgi-overlay-opacity,.25);mix-blend-mode:var(--bgi-overlay-blend,multiply);pointer-events:none}
.bgi-content-shell{position:relative;z-index:1;width:min(var(--bgi-content-width,100%),100%);max-width:var(--bgi-content-max,100%);margin:0 auto;padding-top:0;padding-bottom:0;pointer-events:none}
.bgi-content-box{position:fixed;top:0;left:50%;transform:translateX(-50%);width:min(var(--bgi-content-width,100%),100%);max-width:var(--bgi-content-max,100%);height:100vh;color:var(--bgi-text-color,#fff);overflow:hidden;pointer-events:none}
.bgi-content-box::before{content:"";position:absolute;inset:0;background:var(--bgi-box-color,#fff);opacity:var(--bgi-box-opacity,.82);mix-blend-mode:var(--bgi-box-blend,normal);pointer-events:none}
@media (max-width:900px){.bgi-bg{background-image:var(--bgi-mobile-image,var(--bgi-image))}}
@keyframes bgiFadeIn{from{opacity:0}to{opacity:1}}