.sade-global-hero {
	--sade-global-hero-overlay: .38;
	position: relative;
	min-height: clamp(500px, 39vw, 570px);
	overflow: clip;
	background: var(--sade-cream);
	color: var(--sade-ink);
	isolation: isolate;
}

.sade-global-hero__media {
	--sade-hero-parallax-x: 0px;
	--sade-hero-parallax-y: 0px;
	position: absolute;
	inset: 0;
	overflow: hidden;
	transform: translate3d(var(--sade-hero-parallax-x), var(--sade-hero-parallax-y), 0);
	transition: transform .8s cubic-bezier(.22, 1, .36, 1);
}

.sade-global-hero__picture,
.sade-global-hero__media > picture {
	position: absolute;
	inset: -44px;
	display: block;
	width: calc(100% + 88px);
	height: calc(100% + 88px);
}

.sade-global-hero__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: var(--sade-hero-position, 68% center);
	transform: scale(1.04) translate3d(-40px, 0, 0);
	animation: sade-global-hero-drift 20s ease-in-out infinite alternate,
		sade-global-hero-breathe 12s ease-in-out infinite;
}

.sade-global-hero__wash {
	position: absolute;
	z-index: 1;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(90deg, rgba(247, 241, 233, .98) 0%, rgba(247, 241, 233, .95) 22%, rgba(247, 241, 233, .78) 34%, rgba(247, 241, 233, .48) 45%, rgba(247, 241, 233, .18) 53%, rgba(247, 241, 233, 0) 59%),
		linear-gradient(90deg, rgba(23, 20, 15, 0) 52%, rgba(23, 20, 15, calc(var(--sade-global-hero-overlay) * .12)) 100%);
}

.sade-global-hero__wash::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	-webkit-backdrop-filter: blur(14px) saturate(.96);
	backdrop-filter: blur(14px) saturate(.96);
	-webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.94) 24%, rgba(0,0,0,.58) 43%, transparent 60%);
	mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.94) 24%, rgba(0,0,0,.58) 43%, transparent 60%);
}

.sade-global-hero-overlay-0 { --sade-global-hero-overlay: 0; }
.sade-global-hero-overlay-10 { --sade-global-hero-overlay: .1; }
.sade-global-hero-overlay-20 { --sade-global-hero-overlay: .2; }
.sade-global-hero-overlay-30 { --sade-global-hero-overlay: .3; }
.sade-global-hero-overlay-40 { --sade-global-hero-overlay: .4; }
.sade-global-hero-overlay-50 { --sade-global-hero-overlay: .5; }
.sade-global-hero-overlay-60 { --sade-global-hero-overlay: .6; }
.sade-global-hero-overlay-70 { --sade-global-hero-overlay: .7; }
.sade-global-hero-overlay-80 { --sade-global-hero-overlay: .8; }
.sade-global-hero-overlay-90 { --sade-global-hero-overlay: .9; }

.sade-global-hero__container {
	position: relative;
	z-index: 2;
	display: flex;
	min-height: inherit;
	flex-direction: column;
	align-items: flex-start;
	padding-block: clamp(26px, 3vw, 38px) clamp(46px, 5vw, 68px);
}

.sade-global-hero__breadcrumb {
	width: min(52%, 660px);
	min-height: 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.45;
	color: #5d5045;
}

.sade-global-hero__breadcrumb ol {
	display: flex;
	min-width: 0;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px 9px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.sade-global-hero__breadcrumb li { min-width: 0; }
.sade-global-hero__breadcrumb a { color: #75421f; }
.sade-global-hero__breadcrumb a:hover,
.sade-global-hero__breadcrumb a:focus-visible { color: #75421f; text-decoration: underline; text-underline-offset: 3px; }
.sade-global-hero__separator { color: #a47958; }

.sade-global-hero__content {
	display: flex;
	width: min(48%, 620px);
	flex: 1;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding-top: clamp(22px, 4vh, 46px);
}

.sade-global-hero__eyebrow {
	margin: 0 0 10px;
	color: var(--sade-bronze);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.sade-global-hero__content h1 {
	margin: 0;
	font: 600 clamp(44px, 5.4vw, 76px)/.98 var(--sade-serif);
	letter-spacing: -.025em;
}

.sade-global-hero__description {
	max-width: 590px;
	margin: 18px 0 0;
	color: #5f554b;
	font-size: 16px;
}

.sade-global-hero__tagline {
	margin: 12px 0 0;
	color: var(--sade-bronze);
	font: italic 600 clamp(22px, 2.2vw, 32px)/1.12 var(--sade-serif);
}

.sade-global-hero__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 22px;
}
.sade-global-hero .sade-button--outline { border-color: #75421f; background: rgba(255, 250, 244, .68); color: var(--sade-ink); }
.sade-global-hero .sade-button--outline:hover,
.sade-global-hero .sade-button--outline:focus-visible { background: #fffaf4; color: var(--sade-ink); }

.sade-global-hero--text-only { min-height: 390px; }
.sade-global-hero--text-only .sade-global-hero__breadcrumb,
.sade-global-hero--text-only .sade-global-hero__content { width: min(100%, 850px); }
.sade-global-hero-align-center .sade-global-hero__content { align-items: center; text-align: center; }
.sade-global-hero-align-right .sade-global-hero__content { align-items: flex-end; text-align: right; }
.sade-global-hero--category,
.sade-global-hero--shop { min-height: clamp(440px, 34vw, 520px); }
.sade-global-hero--contact,
.sade-global-hero--showroom { min-height: clamp(520px, 42vw, 600px); }

.sade-global-hero .sade-faq-page__hero-copy {
	width: min(48%, 620px);
	max-width: none;
	margin: 0;
	padding: clamp(22px, 4vh, 46px) 0 0;
}

.sade-global-hero .sade-faq-page__eyebrow { margin: 0 0 10px; letter-spacing: .12em; }
.sade-global-hero .sade-faq-page__lead { margin: 18px 0 0; color: #5f554b; font-size: 15px; line-height: 1.65; }
.sade-global-hero .sade-faq-page__search { width: min(520px, 100%); margin-top: 24px; background: rgba(255, 250, 244, .9); }
.sade-global-hero .sade-showroom__hero-text { max-width: 590px; margin-top: 16px; color: #5f554b; font-size: 15px; line-height: 1.7; }
.sade-global-hero .sade-showroom__hero-text p { margin: 0; }

.sade-global-hero.is-reveal-pending .sade-global-hero__breadcrumb,
.sade-global-hero.is-reveal-pending .sade-global-hero__content { opacity: 0; transform: translateY(20px); }
.sade-global-hero.is-revealed .sade-global-hero__breadcrumb,
.sade-global-hero.is-revealed .sade-global-hero__content { opacity: 1; transform: none; transition: opacity .55s ease-out, transform .55s ease-out; }
.sade-global-hero.is-revealed .sade-global-hero__content { transition-delay: .04s; }

@keyframes sade-global-hero-drift {
	from { transform: scale(1.04) translate3d(-40px, 0, 0); }
	to { transform: scale(1) translate3d(40px, 0, 0); }
}

@keyframes sade-global-hero-breathe {
	0%, 100% { filter: brightness(.985); }
	50% { filter: brightness(1.015); }
}

@media (max-width: 1024px) {
	.sade-global-hero__breadcrumb { width: 58%; }
	.sade-global-hero__content,
	.sade-global-hero .sade-faq-page__hero-copy { width: 54%; }
}

@media (max-width: 767px) {
	.sade-global-hero { min-height: 650px; }
	.sade-global-hero__media { inset: 0 0 auto; height: 310px; }
	.sade-global-hero__picture,
	.sade-global-hero__media > picture { inset: -16px; width: calc(100% + 32px); height: calc(100% + 32px); }
	.sade-global-hero__image {
		min-height: 0;
		object-position: var(--sade-hero-mobile-position, center center);
		transform: scale(1.025) translate3d(-12px, 0, 0);
		animation-name: sade-global-hero-drift-mobile, sade-global-hero-breathe;
	}
	.sade-global-hero__wash {
		background: linear-gradient(0deg, var(--sade-cream) 0%, rgba(247, 241, 233, .98) 18%, rgba(247, 241, 233, .72) 30%, rgba(247, 241, 233, .3) 45%, rgba(247, 241, 233, 0) 58%),
			linear-gradient(180deg, rgba(16, 12, 9, calc(var(--sade-global-hero-overlay) * .62)), rgba(16, 12, 9, 0) 56%);
	}
	.sade-global-hero__wash::before {
		-webkit-backdrop-filter: blur(6px) saturate(.98);
		backdrop-filter: blur(6px) saturate(.98);
		-webkit-mask-image: linear-gradient(0deg, #000 0%, rgba(0,0,0,.7) 30%, transparent 62%);
		mask-image: linear-gradient(0deg, #000 0%, rgba(0,0,0,.7) 30%, transparent 62%);
	}
	.sade-global-hero__container { padding-block: 278px 42px; }
	.sade-global-hero__breadcrumb {
		z-index: 2;
		width: 100%;
		max-height: 3.2em;
		overflow: hidden;
		color: #5d5045;
		font-size: 12px;
		text-shadow: none;
	}
	.sade-global-hero__breadcrumb a,
	.sade-global-hero__separator { color: #75421f; }
	.sade-global-hero__content,
	.sade-global-hero .sade-faq-page__hero-copy {
		order: initial;
		width: 100%;
		justify-content: flex-start;
		padding: 16px 0 0;
	}
	.sade-global-hero__content h1 { font-size: clamp(42px, 13vw, 58px); }
	.sade-global-hero__description,
	.sade-global-hero .sade-faq-page__lead { margin-top: 14px; font-size: 14px; }
	.sade-global-hero__buttons { width: 100%; }
	.sade-global-hero__buttons .sade-button { width: 100%; }
	.sade-global-hero .sade-faq-page__search { width: 100%; height: 54px; margin-top: 24px; }
	.sade-global-hero--text-only { min-height: 390px; }
	.sade-global-hero--text-only .sade-global-hero__container { padding-top: 20px; }
	.sade-global-hero--text-only .sade-global-hero__content { padding-top: 44px; }
}

@keyframes sade-global-hero-drift-mobile {
	from { transform: scale(1.025) translate3d(-12px, 0, 0); }
	to { transform: scale(1) translate3d(12px, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
	.sade-global-hero__image { animation: none !important; filter: none; transform: scale(1.01); }
	.sade-global-hero__media { transform: none !important; transition: none; }
	.sade-global-hero.is-reveal-pending .sade-global-hero__breadcrumb,
	.sade-global-hero.is-reveal-pending .sade-global-hero__content,
	.sade-global-hero.is-revealed .sade-global-hero__breadcrumb,
	.sade-global-hero.is-revealed .sade-global-hero__content { opacity: 1; transform: none; transition: none; }
}