/* Page title photo block. Loaded on the live site and in the block editor, so the preview is the same as the page. */
.wp-block-singh-band-photo { position: static !important; }
.singh-band-photo { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: auto; height: 100%; max-width: none; max-height: none; margin: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.singh-band-photo__inner { position: absolute; top: 0; bottom: 0; right: 0; isolation: isolate; }
.singh-band-photo__duo { position: absolute; inset: 0; overflow: hidden; isolation: isolate; background: rgb(40 24 53); }
.singh-band-photo img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; filter: grayscale(1) contrast(1.05); mix-blend-mode: screen; }
.singh-band-photo__tint { position: absolute; inset: 0; background: #d9d0e4; mix-blend-mode: multiply; }
.page-band:has(.singh-band-photo)::before { content: none !important; }
/* In the editor only, give the block a thin strip to click on, so it can be selected. */
.editor-styles-wrapper .wp-block-singh-band-photo { height: 2rem; }
@media (max-width: 781px) { .singh-band-photo img { opacity: .3; } }