/* V2 keeps the approved geometry; all motion is isolated from the legacy hero. */
.uwc-mosaic-hero.uwc-mosaic-hero--v2 {
	height: 160vh;
	height: 160svh;
	min-height: 0;
	overflow: visible;
}
.uwc-mosaic2__stage {
	position: sticky;
	top: 0;
	isolation: isolate;
	height: 100vh;
	height: 100svh;
	overflow: hidden;
	animation: uwc-fade 900ms ease both;
}
.uwc-mosaic2__media, .uwc-mosaic2__overlay, .uwc-mosaic2__grid {
	position: absolute;
	inset: 0;
}
.uwc-mosaic2__media { z-index: 2; }
.uwc-mosaic2__media > img, .uwc-mosaic2__media > video {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform-origin: center;
}
.uwc-mosaic2__overlay {
	background: var(--uwc-hero-overlay-color, #002542);
	opacity: var(--uwc-hero-overlay, .25);
	pointer-events: none;
}
[data-uwc-overlay-style="gradient"] .uwc-mosaic2__overlay {
	background: linear-gradient(var(--uwc-hero-overlay-direction, to top), var(--uwc-hero-overlay-color, #002542) 0%, transparent var(--uwc-hero-overlay-coverage, 60%));
}
.uwc-mosaic2__grid { z-index: 3; pointer-events: none; }
.uwc-mosaic2__tile {
	position: absolute;
	width: var(--uwc-hero-tile);
	height: var(--uwc-hero-tile);
	margin: 0;
	overflow: hidden;
	border-radius: var(--uwc-hero-radius);
	opacity: 0;
}
.uwc-mosaic2__tile > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.uwc-mosaic2__tile figcaption { display: none; }
.uwc-mosaic2__tile--1 { top: 22.2%; left: calc(12.8% - var(--uwc-hero-tile) / 2); }
.uwc-mosaic2__tile--2 { top: 15%; left: calc(31.275% - var(--uwc-hero-tile) / 2); }
.uwc-mosaic2__tile--3 { top: 22.2%; left: calc(49.75% - var(--uwc-hero-tile) / 2); }
.uwc-mosaic2__tile--4 { top: 15%; left: calc(68.225% - var(--uwc-hero-tile) / 2); }
.uwc-mosaic2__tile--5 { top: 22.2%; left: calc(86.7% - var(--uwc-hero-tile) / 2); }
.uwc-mosaic2__tile--6 { bottom: 19.5%; left: calc(12.8% - var(--uwc-hero-tile) / 2); }
.uwc-mosaic2__tile--7 { bottom: 12.1%; left: calc(31.275% - var(--uwc-hero-tile) / 2); }
.uwc-mosaic2__tile--8 { bottom: 19.5%; left: calc(49.75% - var(--uwc-hero-tile) / 2); }
.uwc-mosaic2__tile--9 { bottom: 12.1%; left: calc(68.225% - var(--uwc-hero-tile) / 2); }
.uwc-mosaic2__tile--10 { bottom: 19.5%; left: calc(86.7% - var(--uwc-hero-tile) / 2); }
.uwc-mosaic2__tile--11 { top: calc(50% - var(--uwc-hero-tile) / 2); left: 1.5rem; }
.uwc-mosaic2__tile--12 { top: calc(50% - var(--uwc-hero-tile) / 2); right: 1.5rem; }
.uwc-mosaic2__tile.is-target > img { opacity: 0; }
.uwc-mosaic2__copy > * { opacity: 0; }
.uwc-mosaic2__copy { pointer-events: none; }
.uwc-mosaic2__copy .uwc-mosaic-hero__cta { pointer-events: none; }
[data-uwc-mosaic-state="mosaic"] .uwc-mosaic2__copy .uwc-mosaic-hero__cta { pointer-events: auto; }
.uwc-mosaic2__intro .uwc-mosaic-hero__heading { visibility: visible; opacity: 1; }
@media (max-width: 767px) {
	.uwc-mosaic2__grid {
		--uwc-mosaic-upper-row: 19%;
		--uwc-mosaic-bottom-row: 84%;
		z-index: 6;
		background: #fff;
		opacity: 0;
	}
	.uwc-mosaic2__tile {
		top: auto; right: auto; bottom: auto; left: auto;
		width: clamp(5.25rem, 22vw, 8rem);
		height: auto;
		aspect-ratio: 1;
	}
	.uwc-mosaic2__tile.is-target > img { opacity: 1; }
	.uwc-mosaic2__tile--1 { top: 4.25%; left: 14%; }
	.uwc-mosaic2__tile--2 { top: 4.25%; right: 14%; }
	.uwc-mosaic2__tile--3 { top: var(--uwc-mosaic-upper-row); left: -7%; }
	.uwc-mosaic2__tile--4 { top: var(--uwc-mosaic-upper-row); left: 50%; transform: translateX(-50%); }
	.uwc-mosaic2__tile--5 { top: var(--uwc-mosaic-upper-row); right: -7%; }
	.uwc-mosaic2__tile--6 { top: calc(var(--uwc-mosaic-bottom-row) - var(--uwc-mosaic-upper-row) + 4.25%); left: -7%; }
	.uwc-mosaic2__tile--7 { top: calc(var(--uwc-mosaic-bottom-row) - var(--uwc-mosaic-upper-row) + 4.25%); left: 50%; transform: translateX(-50%); }
	.uwc-mosaic2__tile--8 { top: calc(var(--uwc-mosaic-bottom-row) - var(--uwc-mosaic-upper-row) + 4.25%); right: -7%; }
	.uwc-mosaic2__tile--9 { top: var(--uwc-mosaic-bottom-row); left: 14%; }
	.uwc-mosaic2__tile--10 { top: var(--uwc-mosaic-bottom-row); right: 14%; }
	.uwc-mosaic2__tile:nth-child(n + 11) { display: none; }
	.uwc-mosaic-hero--v2 .uwc-mosaic2__copy {
		z-index: 7;
		display: flex;
		top: 50%;
		width: min(calc(100% - 3rem), 19rem);
		text-align: center;
	}
	.uwc-mosaic2__copy .uwc-mosaic-hero__cta { margin-top: 0; }
}
@media (max-width: 21.875rem) {
	.uwc-mosaic2__grid { --uwc-mosaic-upper-row: 13%; --uwc-mosaic-bottom-row: 85%; }
}
@media (max-width: 47.9375rem) and (max-height: 40.625rem) {
	.uwc-mosaic2__grid { --uwc-mosaic-upper-row: 8%; }
}
@media (prefers-reduced-motion: reduce) {
	.uwc-mosaic-hero.uwc-mosaic-hero--v2 { height: 100vh !important; height: 100svh !important; min-height: 40rem; }
	.uwc-mosaic2__stage { position: relative; height: 100%; min-height: inherit; }
	.uwc-mosaic2__media, .uwc-mosaic2__intro { display: none; }
	.uwc-mosaic2__grid, .uwc-mosaic2__tile, .uwc-mosaic2__copy > * { opacity: 1; }
	.uwc-mosaic2__tile.is-target > img { opacity: 1; }
	.uwc-mosaic2__copy .uwc-mosaic-hero__cta { pointer-events: auto; }
}