/**
 * Hero triptych — loaded after filia-legacy to override video sizing.
 */

@media (min-width: 768px) {
	.filia-hero-triptych {
		align-items: stretch !important;
	}

	.filia-hero-triptych > .wp-block-column {
		height: calc(100vh - var(--filia-header-height, 80px));
		max-height: calc(100vh - var(--filia-header-height, 80px));
		min-height: 0;
	}

	.filia-hero-triptych .filia-hero-side-cover {
		height: calc(100vh - var(--filia-header-height, 80px));
		min-height: calc(100vh - var(--filia-header-height, 80px)) !important;
	}

	.filia-hero-triptych .filia-hero-side-cover .wp-block-cover__image-background {
		object-fit: cover !important;
		object-position: center top;
	}

	.filia-hero-triptych__center .filia-hero-center {
		height: calc(100vh - var(--filia-header-height, 80px));
		max-height: calc(100vh - var(--filia-header-height, 80px));
		min-height: 0;
		position: relative;
		overflow: hidden;
		background: var(--filia-color-black, #000);
	}

	.filia-hero-triptych__center .filia-video-01-b {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		pointer-events: none;
	}

	.filia-hero-triptych__center .filia-video-01-b video,
	.filia-hero-triptych__center .filia-hero-video {
		width: 100%;
		max-width: 100%;
		height: 100%;
		max-height: 100%;
		object-fit: cover;
		display: block;
		margin: 0;
	}

	/* Stack BRIDAL / COLLECTION / 2025 near bottom of hero video (production) */
	.filia-hero-triptych__center .filia-hero-titles {
		position: absolute;
		inset: 0;
		z-index: 2;
		pointer-events: none;
	}

	.filia-hero-triptych__center .filia-bridal-header-01,
	.filia-hero-triptych__center .filia-bridal-header-02,
	.filia-hero-triptych__center .filia-bridal-header-03 {
		position: absolute !important;
		left: 0 !important;
		right: 0 !important;
		width: 100%;
		margin: 0;
		text-align: center;
	}

	.filia-hero-triptych__center .filia-bridal-header-01 {
		bottom: 10vw !important;
	}

	.filia-hero-triptych__center .filia-bridal-header-02 {
		bottom: 7vw !important;
	}

	.filia-hero-triptych__center .filia-bridal-header-03 {
		bottom: 4vw !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.filia-hero-triptych__center .filia-bridal-header-01 {
		bottom: 36vw !important;
	}

	.filia-hero-triptych__center .filia-bridal-header-02 {
		bottom: 28vw !important;
	}

	.filia-hero-triptych__center .filia-bridal-header-03 {
		bottom: 20vw !important;
	}
}

@media (max-width: 767px) {
	.filia-hero-triptych__center .filia-hero-center {
		height: 82vh;
		max-height: 82vh;
		min-height: 0;
		overflow: hidden;
		position: relative;
	}

	.filia-hero-triptych__center .filia-video-01-b {
		position: absolute;
		inset: 0;
		width: 100%;
		max-width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.filia-hero-triptych__center .filia-video-01-b video,
	.filia-hero-triptych__center .filia-hero-video {
		width: 100%;
		max-width: 100%;
		height: 100%;
		max-height: none;
		object-fit: cover;
		display: block;
		margin: 0;
	}

	.filia-hero-triptych__center .filia-hero-titles {
		position: absolute;
		inset: auto 0 12% 0;
		z-index: 2;
		pointer-events: none;
		padding: 0 1rem;
		color: var(--filia-color-white, #fff);
		text-align: center;
		text-shadow: 0 1px 12px rgba(0, 0, 0, 0.45);
	}

	.filia-hero-triptych__center .filia-bridal-header-01,
	.filia-hero-triptych__center .filia-bridal-header-02,
	.filia-hero-triptych__center .filia-bridal-header-03 {
		position: relative !important;
		bottom: auto !important;
		left: auto !important;
		width: 100%;
		margin: 0.1em 0;
		font-size: 24px !important;
		line-height: 1.1 !important;
		letter-spacing: 0.16em !important;
		color: #fff !important;
	}
}