/* MainstageV9 - only the two treatments no catalog utility expresses: the side accessory's bottom-right
   overhang out of the content column, and the photo-legibility text shadow on the display run. */
.mstg.v9 {
	--mstg-v9-sd-ofs: 4rem;
	--mstg-v9-sdw-y: 0.9375rem;
	--mstg-v9-sdw-blr: 1.375rem;
	--mstg-v9-sdw-o: 0.5;

	--mstg-tls-pd-v-tp: 160;
    --mstg-tls-pd-v-tp-mbl: 75;
    --mstg-tls-pd-v-bt: 64;
    --mstg-tls-pd-v-bt-mbl: 75;

	/* Design (node 13776:17748): natural-color background photo with a dark top gradient
	   scrim only (Figma fill o=0.8) - not the theme-tinted low-opacity wash. */
	--mstg-img-bg-o: 1; 

	> .bg::after {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(0deg, #000 0.89%, rgba(0, 0, 0, 0.00) 17.45%), linear-gradient(90deg, rgba(0, 0, 0, 0.80) -1.77%, rgba(0, 0, 0, 0.72) 28.54%, rgba(0, 0, 0, 0.57) 44.04%, rgba(0, 0, 0, 0.00) 56.25%), linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.65) 14.26%, rgba(0, 0, 0, 0.00) 26.52%), linear-gradient(180deg, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0.00) 26.52%);
	}

	/* Denver's photo (Jerbs, 2026-10-20) has its mountain range across the top quarter, exactly
	   where the two top scrims sit at 80%. On the local homes the header is above the stage,
	   not over it, so those scrims protect nothing here: keep the left and bottom fades (title
	   and info-card legibility) and leave only a faint top blend. Keyed to the image so it
	   follows the photo to any page that uses it. */
	&:has(> .bg img[src*="mainstage-v9-background-denver"]) > .bg::after {
		background: linear-gradient(0deg, #000 0.89%, rgba(0, 0, 0, 0.00) 17.45%), linear-gradient(90deg, rgba(0, 0, 0, 0.80) -1.77%, rgba(0, 0, 0, 0.72) 28.54%, rgba(0, 0, 0, 0.57) 44.04%, rgba(0, 0, 0, 0.00) 56.25%), linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.00) 10%);
	}

	.txt-bx > :is(.fnt_t-big, p) {
		text-shadow: 0 var(--mstg-v9-sdw-y) var(--mstg-v9-sdw-blr) hsl(from var(--black) h s l / var(--mstg-v9-sdw-o));
	}

	.loc-inf {
		a:not(.btn, [data-phone]) {
			text-decoration: underline;
		}
	}

	@media screen and (width >= 1280px) {
		.mn_.mstg-v9-sd {
			position: absolute;
			inset-inline-end: var(--mstg-v9-sd-ofs);
			inset-block-end: var(--mstg-v9-sd-ofs);
			width: var(--fourth);
			margin-block: 0;
			margin-inline: 0;
		}

		.desc, .fnt_t-2 {
			max-width: 70%;
		}
	}
}