/* ==========================
   PAMI HOMEPAGE
   WO10.2 managed content presentation
========================== */

main.pami-home {
	inline-size: 100%;
	min-inline-size: 0;
	overflow: clip;
}

main.pami-home .pami-home-hero,
main.pami-home .pami-home-signature-models,
main.pami-home .pami-home-brand-proof,
main.pami-home .pami-home-discover-by-type,
main.pami-home .pami-home-consultation,
main.pami-home .pami-home-distributor-network,
main.pami-home .pami-home-inquiry {
	min-inline-size: 0;
}

main.pami-home .section__title,
main.pami-home .pami-home-hero__title,
main.pami-home .pami-model-card__title,
main.pami-home .pami-type-card__title {
	max-inline-size: 100%;
	overflow-wrap: anywhere;
}

main.pami-home picture {
	display: contents;
}

/* ==========================
   HERO — PAMI LIVING SCENE
========================== */

main.pami-home .pami-home-hero {
	--pami-living-scene-transition-duration: 3500ms;

	position: relative;
	display: grid;
	align-items: center;
	isolation: isolate;
	min-block-size: 680px;
	min-block-size: max(680px, 100svh);
	overflow: hidden;
	padding-block:
		calc(
			var(--site-header-height, 78px) +
			clamp(var(--space-8), 8vh, var(--space-12))
		)
		clamp(var(--space-8), 7vh, var(--space-11));

	color: var(--color-text);
	background:
		linear-gradient(
			135deg,
			#eee3d4 0%,
			#d7c2a6 58%,
			#b79b79 100%
		);
}

body.admin-bar main.pami-home .pami-home-hero {
	padding-block-start:
		calc(
			var(--site-header-height, 78px) +
			32px +
			clamp(var(--space-8), 8vh, var(--space-12))
		);
}

main.pami-home .pami-home-hero__visual,
main.pami-home .pami-home-hero__scene,
main.pami-home .pami-home-hero__scene-picture,
main.pami-home .pami-home-hero__scene-image {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
}

main.pami-home .pami-home-hero__visual {
	z-index: 0;
	overflow: hidden;
	background:
		linear-gradient(
			135deg,
			rgba(250, 248, 245, 0.9) 0%,
			rgba(209, 184, 161, 0.66) 55%,
			rgba(143, 39, 39, 0.08) 100%
		);
	pointer-events: none;
}

main.pami-home .pami-home-hero__scene {
	z-index: 0;
}

main.pami-home .pami-home-hero__scene--2 {
	z-index: 1;
	opacity: 0;
	pointer-events: none;
}

main.pami-home .pami-home-hero--scene-2-ready .pami-home-hero__scene--2 {
	will-change: opacity;
	transition:
		opacity
		var(--pami-living-scene-transition-duration)
		linear;
}

main.pami-home .pami-home-hero--scene-2-visible .pami-home-hero__scene--2 {
	opacity: 1;
}

main.pami-home .pami-home-hero__scene-picture {
	display: block;
}

main.pami-home .pami-home-hero__scene-image {
	display: block;
	max-inline-size: none;
	object-fit: cover;
	object-position: center center;
}

main.pami-home .pami-home-hero__container {
	position: relative;
	z-index: 2;
	inline-size: 100%;
}

main.pami-home .pami-home-hero__content {
	position: relative;
	isolation: isolate;
	max-inline-size: 650px;
	min-inline-size: 0;
}

main.pami-home .pami-home-hero__content::before {
	content: "";

	position: absolute;
	z-index: -1;
	inset: -24% -48% -30% -22%;

	background:
		radial-gradient(
			ellipse at 24% 46%,
			rgba(250, 248, 245, 0.97) 0%,
			rgba(250, 248, 245, 0.9) 28%,
			rgba(250, 248, 245, 0.68) 49%,
			rgba(250, 248, 245, 0.3) 66%,
			rgba(250, 248, 245, 0) 82%
		),
		linear-gradient(
			90deg,
			rgba(250, 248, 245, 0.58) 0%,
			rgba(250, 248, 245, 0.16) 62%,
			rgba(250, 248, 245, 0) 100%
		);
	filter: blur(5px);
	opacity: 0.98;
	pointer-events: none;
}

main.pami-home .pami-home-hero__header {
	max-inline-size: 620px;
	margin: 0;
}

main.pami-home .pami-home-hero__heading {
	max-inline-size: 610px;
}

main.pami-home .pami-home-hero .section__eyebrow {
	color: rgba(45, 42, 40, 0.72);
}

main.pami-home .pami-home-hero__title {
	max-inline-size: 14ch;
	margin-block-end: var(--space-5);

	font-size: var(--font-size-display);
	font-weight: var(--font-weight-bold);
	line-height: var(--line-height-tight);
	letter-spacing: var(--letter-spacing-tight);
	text-wrap: balance;
	color: var(--color-text);
}

main.pami-home .pami-home-hero__description {
	max-inline-size: 590px;
	margin-block-end: 0;

	font-size: var(--font-size-body-large);
	line-height: var(--line-height-relaxed);
	color: rgba(45, 42, 40, 0.82);
}

main.pami-home .pami-home-hero__actions {
	margin-block-start: var(--space-7);
}

main.pami-home .pami-home-hero__proofs {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-4);

	max-inline-size: 620px;
	margin: var(--space-9) 0 0;
	padding: 0;

	list-style: none;
}

main.pami-home .pami-home-hero__proof {
	min-inline-size: 0;
	margin: 0;
	padding-inline-start: var(--space-4);

	border-inline-start: 1px solid rgba(45, 42, 40, 0.28);
}

main.pami-home .pami-home-hero__proof-label,
main.pami-home .pami-home-hero__proof-value {
	display: block;
}

main.pami-home .pami-home-hero__proof-label {
	margin-block-end: var(--space-1);

	font-size: var(--font-size-caption);
	line-height: 1.4;
	color: rgba(45, 42, 40, 0.65);
}

main.pami-home .pami-home-hero__proof-value {
	font-size: var(--font-size-small);
	line-height: 1.45;
	color: var(--color-text);
}

/* ==========================
   SIGNATURE MODELS
========================== */

main.pami-home .pami-home-signature-models__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	gap: var(--space-7);
}

main.pami-home .pami-model-card {
	min-inline-size: 0;
}

main.pami-home .pami-model-card__link {
	display: flex;
	flex-direction: column;
	block-size: 100%;
	overflow: hidden;
}

main.pami-home .pami-model-card__media {
	aspect-ratio: 4 / 3;
	overflow: hidden;
	background: var(--color-surface);
}

main.pami-home .pami-model-card__image,
main.pami-home .pami-type-card__image {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;

	transition:
		transform var(--transition-luxury),
		filter var(--transition-luxury);
}

main.pami-home .pami-model-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	padding: var(--space-7);
}

main.pami-home .pami-model-card__category,
main.pami-home .pami-type-card__eyebrow {
	margin-block-end: var(--space-3);

	font-size: var(--font-size-eyebrow);
	font-weight: var(--font-weight-semibold);
	line-height: 1.3;
	letter-spacing: var(--letter-spacing-eyebrow);
	text-transform: uppercase;
	color: var(--color-text-muted);
}

main.pami-home .pami-model-card__title {
	margin-block-end: var(--space-4);
	font-size: var(--font-size-card-title);
}

main.pami-home .pami-model-card__description {
	margin-block-end: var(--space-6);
	line-height: var(--line-height-relaxed);
	color: var(--color-text-light);
}

main.pami-home .pami-model-card__action {
	margin-block-start: auto;
}

/* ==========================
   BRAND PROOF
========================== */

main.pami-home .pami-home-brand-proof__layout,
main.pami-home .pami-home-distributor-network__layout {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	align-items: center;
	gap: clamp(var(--space-8), 6vw, var(--space-11));
}

main.pami-home .pami-home-brand-proof__media,
main.pami-home .pami-home-distributor-network__media {
	aspect-ratio: 4 / 3;
	overflow: hidden;

	border-radius: var(--radius-md);
	background: var(--color-surface);
	box-shadow: var(--shadow-soft);
}

main.pami-home .pami-home-brand-proof__image,
main.pami-home .pami-home-distributor-network__image {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
}

main.pami-home .pami-home-brand-proof__items {
	display: grid;
	gap: var(--space-5);
	margin: 0;
	padding: 0;
	list-style: none;
}

main.pami-home .pami-home-brand-proof__item {
	margin: 0;
	padding-block: var(--space-4);
	padding-inline-start: var(--space-5);
	border-inline-start: 1px solid var(--color-primary);
}

main.pami-home .pami-home-brand-proof__item-title {
	margin-block-end: var(--space-2);
	font-size: 20px;
}

main.pami-home .pami-home-brand-proof__item-description {
	margin: 0;
	line-height: var(--line-height-relaxed);
	color: var(--color-text-light);
}

/* ==========================
   DISCOVER BY TYPE
========================== */

main.pami-home .pami-home-discover-by-type__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-7);
}

main.pami-home .pami-type-card {
	min-inline-size: 0;
}

main.pami-home .pami-type-card__link {
	display: block;
	overflow: hidden;
}

main.pami-home .pami-type-card__media {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--color-surface);
}

main.pami-home .pami-type-card__body {
	padding: var(--space-7);
}

main.pami-home .pami-type-card__title {
	margin-block-end: var(--space-4);
	font-size: var(--font-size-card-title);
}

/* ==========================
   CONSULTATION
========================== */

main.pami-home .pami-home-consultation__panel,
main.pami-home .pami-home-inquiry__panel {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
	align-items: start;
	gap: clamp(var(--space-7), 5vw, var(--space-10));
}

main.pami-home .pami-home-consultation__panel .section__header,
main.pami-home .pami-home-inquiry__panel .section__header {
	margin-block-end: 0;
}

main.pami-home .pami-home-consultation__value {
	max-inline-size: 650px;
	margin-block-start: var(--space-6);
	margin-block-end: 0;
	padding-inline-start: var(--space-5);

	border-inline-start: 1px solid var(--color-primary);
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-relaxed);
	color: var(--color-text);
}

main.pami-home .pami-home-consultation__details {
	padding: var(--space-6);
	border-width: 1px;
	border-style: solid;
	border-radius: var(--radius-sm);
}

main.pami-home .pami-home-consultation__details-title,
main.pami-home .pami-home-inquiry__reassurance-label {
	margin-block-end: var(--space-4);
	font-size: 20px;
}

main.pami-home .pami-home-consultation__list {
	margin: 0;
	padding-inline-start: var(--space-5);
}

main.pami-home .pami-home-consultation__list li:last-child {
	margin-block-end: 0;
}

/* ==========================
   DISTRIBUTOR NETWORK
========================== */

main.pami-home .pami-home-distributor-network__layout {
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

main.pami-home .pami-home-distributor-network__content {
	order: 1;
}

main.pami-home .pami-home-distributor-network__media {
	order: 2;
}

/* ==========================
   INQUIRY
========================== */

main.pami-home .pami-home-inquiry__reassurance {
	padding: var(--space-6);
	border-inline-start-width: 1px;
	border-inline-start-style: solid;
}

main.pami-home .pami-home-inquiry__reassurance-text {
	margin: 0;
	line-height: var(--line-height-relaxed);
	color: var(--color-text-light);
}

main.pami-home .pami-home-inquiry__actions {
	margin-block-start: var(--space-7);
}

/* ==========================
   INTERACTION
========================== */

@media (hover: hover) and (pointer: fine) {
	main.pami-home .pami-model-card__link:hover .pami-model-card__image,
	main.pami-home .pami-type-card__link:hover .pami-type-card__image {
		transform: scale(var(--motion-hover-scale));
		filter: contrast(1.03) saturate(1.03);
	}
}

/* ==========================
   RESPONSIVE
========================== */

@media (max-width: 960px) {
	main.pami-home .pami-home-brand-proof__layout,
	main.pami-home .pami-home-distributor-network__layout {
		grid-template-columns: 1fr;
	}

	main.pami-home .pami-home-hero {
		align-items: start;
		min-block-size: 820px;
		min-block-size: max(820px, 100svh);
		padding-block-start:
			calc(
				var(--site-header-height, 78px) +
				clamp(var(--space-7), 7vh, var(--space-10))
			);
	}

	body.admin-bar main.pami-home .pami-home-hero {
		padding-block-start:
			calc(
				var(--site-header-height, 78px) +
				32px +
				clamp(var(--space-7), 7vh, var(--space-10))
			);
	}

	main.pami-home .pami-home-hero__content {
		max-inline-size: 590px;
	}

	main.pami-home .pami-home-hero__content::before {
		inset: -16% -24% -56% -18%;
		background:
			radial-gradient(
				ellipse at 32% 20%,
				rgba(250, 248, 245, 0.98) 0%,
				rgba(250, 248, 245, 0.9) 28%,
				rgba(250, 248, 245, 0.62) 51%,
				rgba(250, 248, 245, 0.2) 70%,
				rgba(250, 248, 245, 0) 86%
			);
	}

	main.pami-home .pami-home-brand-proof__media {
		order: 2;
	}

	main.pami-home .pami-home-brand-proof__content {
		order: 1;
	}

	main.pami-home .pami-home-distributor-network__content,
	main.pami-home .pami-home-distributor-network__media {
		order: initial;
	}

	main.pami-home .pami-home-consultation__panel,
	main.pami-home .pami-home-inquiry__panel {
		grid-template-columns: 1fr;
	}

	main.pami-home .pami-home-inquiry__reassurance {
		border-inline-start-width: 0;
		border-block-start-width: 1px;
		border-block-start-style: solid;
		padding-inline: 0;
		padding-block-end: 0;
	}
}

@media (max-width: 760px) {
	main.pami-home .pami-home-signature-models__grid,
	main.pami-home .pami-home-discover-by-type__grid {
		grid-template-columns: 1fr;
	}

	main.pami-home .pami-home-hero__proofs {
		grid-template-columns: 1fr;
	}

	main.pami-home .pami-home-hero__proof {
		padding-block: var(--space-2);
	}
}

@media (max-width: 680px) {
	main.pami-home .pami-home-hero {
		min-block-size: 760px;
		min-block-size: max(760px, 100svh);
		padding-block-start:
			calc(
				var(--site-header-height, 78px) +
				var(--space-7)
			);
		padding-block-end: var(--space-8);
	}

	body.admin-bar main.pami-home .pami-home-hero {
		padding-block-start:
			calc(
				var(--site-header-height, 78px) +
				46px +
				var(--space-7)
			);
	}

	main.pami-home .pami-home-hero__content {
		max-inline-size: none;
	}

	main.pami-home .pami-home-hero__content::before {
		inset: -12% -10% -52% -10%;
		filter: blur(4px);
	}

	main.pami-home .pami-home-hero__title {
		max-inline-size: 13ch;
	}

	main.pami-home .pami-home-hero__description {
		max-inline-size: 38rem;
		font-size: var(--font-size-body);
	}

	main.pami-home .pami-model-card__body,
	main.pami-home .pami-type-card__body {
		padding: var(--space-6);
	}

	main.pami-home .pami-home-consultation__panel,
	main.pami-home .pami-home-inquiry__panel {
		padding: var(--space-6);
	}

	main.pami-home .pami-home-hero__actions .button,
	main.pami-home .pami-home-inquiry__actions .button {
		inline-size: 100%;
	}
}

@media (max-height: 560px) and (orientation: landscape) {
	main.pami-home .pami-home-hero {
		min-block-size: 560px;
		min-block-size: max(560px, 100svh);
		padding-block-start:
			calc(
				var(--site-header-height, 78px) +
				var(--space-5)
			);
		padding-block-end: var(--space-6);
	}

	main.pami-home .pami-home-hero__content {
		max-inline-size: 600px;
	}

	main.pami-home .pami-home-hero__title {
		font-size: clamp(32px, 6vw, 46px);
	}

	main.pami-home .pami-home-hero__description {
		font-size: var(--font-size-body);
		line-height: 1.55;
	}

	main.pami-home .pami-home-hero__actions {
		margin-block-start: var(--space-5);
	}

	main.pami-home .pami-home-hero__proofs {
		margin-block-start: var(--space-6);
	}
}

@media (prefers-reduced-motion: reduce) {
	main.pami-home .pami-home-hero__scene--2 {
		display: none;
		transition: none;
	}

	main.pami-home .pami-model-card__image,
	main.pami-home .pami-type-card__image {
		transition: none;
	}

	main.pami-home .pami-model-card__link:hover .pami-model-card__image,
	main.pami-home .pami-type-card__link:hover .pami-type-card__image {
		transform: none;
	}
}


/* ========================================================================== 
   WO12.2 — PAMI LIVING SCENE HERO VISUAL POLISH
   --------------------------------------------------------------------------
   CSS-only refinement of the approved Hero contract:
   - lighter Natural Tonal Shelter;
   - clearer desktop rhythm;
   - more compact, breathable mobile actions and proof content;
   - no layout, copy, image, runtime or motion-contract changes.
   ========================================================================== */

main.pami-home .pami-home-hero__content::before {
	inset: -18% -30% -24% -14%;

	background:
		radial-gradient(
			ellipse 92% 104% at 18% 46%,
			rgba(250, 248, 245, 0.9) 0%,
			rgba(250, 248, 245, 0.82) 28%,
			rgba(250, 248, 245, 0.58) 52%,
			rgba(250, 248, 245, 0.3) 70%,
			rgba(250, 248, 245, 0.1) 84%,
			rgba(250, 248, 245, 0) 100%
		),
		radial-gradient(
			ellipse 82% 42% at 26% 84%,
			rgba(250, 248, 245, 0.52) 0%,
			rgba(250, 248, 245, 0.28) 52%,
			rgba(250, 248, 245, 0) 100%
		),
		linear-gradient(
			90deg,
			rgba(250, 248, 245, 0.22) 0%,
			rgba(250, 248, 245, 0.09) 54%,
			rgba(250, 248, 245, 0) 88%
		);

	filter: blur(10px);
	opacity: 0.95;
}

main.pami-home .pami-home-hero .section__eyebrow {
	margin-block-end: 14px;
}

main.pami-home .pami-home-hero__title {
	margin-block-end: var(--space-6);
}

main.pami-home .pami-home-hero__description {
	line-height: 1.65;
	color: rgba(45, 42, 40, 0.88);
}

main.pami-home .pami-home-hero__actions {
	margin-block-start: 28px;
}

main.pami-home .pami-home-hero__proofs {
	gap: 18px;
	margin-block-start: 38px;
}

main.pami-home .pami-home-hero__proof {
	border-inline-start-color: rgba(45, 42, 40, 0.22);
}

main.pami-home .pami-home-hero__proof-label {
	color: rgba(45, 42, 40, 0.76);
}

@media (min-width: 681px) and (max-width: 960px) {
	main.pami-home .pami-home-hero__content::before {
		inset: -14% -22% -42% -12%;

		background:
			radial-gradient(
				ellipse 88% 86% at 22% 24%,
				rgba(250, 248, 245, 0.84) 0%,
				rgba(250, 248, 245, 0.68) 28%,
				rgba(250, 248, 245, 0.4) 52%,
				rgba(250, 248, 245, 0.14) 73%,
				rgba(250, 248, 245, 0) 96%
			),
			linear-gradient(
				90deg,
				rgba(250, 248, 245, 0.18) 0%,
				rgba(250, 248, 245, 0) 82%
			);

		filter: blur(8px);
		opacity: 0.94;
	}
}

@media (max-width: 680px) {
	main.pami-home .pami-home-hero {
		min-block-size: 720px;
		min-block-size: max(720px, 100svh);

		padding-block-start:
			calc(
				var(--site-header-height, 72px) +
				clamp(24px, 5.5vh, 36px)
			);
		padding-block-end: 28px;
	}

	body.admin-bar main.pami-home .pami-home-hero {
		padding-block-start:
			calc(
				var(--site-header-height, 72px) +
				46px +
				clamp(24px, 5.5vh, 36px)
			);
	}

	main.pami-home .pami-home-hero__content::before {
		inset: -10% -18% -42% -8%;

		background:
			radial-gradient(
				ellipse 106% 100% at 20% 25%,
				rgba(250, 248, 245, 0.92) 0%,
				rgba(250, 248, 245, 0.82) 30%,
				rgba(250, 248, 245, 0.56) 55%,
				rgba(250, 248, 245, 0.28) 75%,
				rgba(250, 248, 245, 0.08) 88%,
				rgba(250, 248, 245, 0) 100%
			),
			radial-gradient(
				ellipse 110% 55% at 28% 83%,
				rgba(250, 248, 245, 0.68) 0%,
				rgba(250, 248, 245, 0.44) 48%,
				rgba(250, 248, 245, 0.16) 78%,
				rgba(250, 248, 245, 0) 100%
			),
			linear-gradient(
				90deg,
				rgba(250, 248, 245, 0.18) 0%,
				rgba(250, 248, 245, 0.06) 60%,
				rgba(250, 248, 245, 0) 92%
			);

		filter: blur(8px);
		opacity: 0.96;
	}

	main.pami-home .pami-home-hero .section__eyebrow {
		margin-block-end: 10px;

		font-size: 11px;
		letter-spacing: 0.23em;
	}

	main.pami-home .pami-home-hero__title {
		max-inline-size: 12.5ch;
		margin-block-end: var(--space-4);

		font-size: clamp(34px, 10.5vw, 42px);
		line-height: 1.06;
	}

	main.pami-home .pami-home-hero__description {
		max-inline-size: 34ch;

		font-size: clamp(14.5px, 4vw, 16px);
		line-height: 1.58;
	}

	main.pami-home .pami-home-hero__actions {
		gap: 10px;
		margin-block-start: 22px;
	}

	main.pami-home .pami-home-hero__actions .button {
		min-block-size: 46px;
		padding: 12px 16px;

		font-size: 12px;
		letter-spacing: 0.04em;
	}

	main.pami-home .pami-home-hero__proofs {
		gap: 4px;
		margin-block-start: 26px;
	}

	main.pami-home .pami-home-hero__proof {
		display: grid;
		grid-template-columns: minmax(76px, 0.7fr) minmax(0, 1.3fr);
		align-items: baseline;
		gap: 10px;

		padding-block: 6px;
		padding-inline-start: 12px;

		border-inline-start-color: rgba(45, 42, 40, 0.2);
	}

	main.pami-home .pami-home-hero__proof-label {
		margin-block-end: 0;

		font-size: 11px;
		line-height: 1.3;
	}

	main.pami-home .pami-home-hero__proof-value {
		font-size: 12.5px;
		line-height: 1.35;
	}
}

@media (max-width: 380px) {
	main.pami-home .pami-home-hero {
		min-block-size: 700px;
		min-block-size: max(700px, 100svh);
	}

	main.pami-home .pami-home-hero__title {
		font-size: clamp(32px, 10.4vw, 38px);
	}

	main.pami-home .pami-home-hero__description {
		font-size: 14px;
	}

	main.pami-home .pami-home-hero__actions .button {
		min-block-size: 44px;
		padding-block: 10px;
	}

	main.pami-home .pami-home-hero__proof {
		grid-template-columns: minmax(70px, 0.65fr) minmax(0, 1.35fr);
		gap: 8px;
	}

	main.pami-home .pami-home-hero__proof-value {
		font-size: 12px;
	}
}

@media (max-height: 560px) and (orientation: landscape) {
	main.pami-home .pami-home-hero {
		min-block-size: 560px;
		min-block-size: max(560px, 100svh);
		padding-block-start:
			calc(
				var(--site-header-height, 72px) +
				var(--space-5)
			);
		padding-block-end: var(--space-6);
	}

	main.pami-home .pami-home-hero__content::before {
		inset: -16% -24% -28% -12%;
	}

	main.pami-home .pami-home-hero__title {
		font-size: clamp(32px, 6vw, 46px);
	}

	main.pami-home .pami-home-hero__actions {
		margin-block-start: var(--space-5);
	}

	main.pami-home .pami-home-hero__actions .button {
		inline-size: auto;
	}

	main.pami-home .pami-home-hero__proofs {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--space-4);
		margin-block-start: var(--space-6);
	}

	main.pami-home .pami-home-hero__proof {
		display: block;
		padding-block: 0;
		padding-inline-start: var(--space-4);
	}

	main.pami-home .pami-home-hero__proof-label {
		margin-block-end: var(--space-1);
	}
}


/* ========================================================================== 
   WO12.3 — PAMI LIVING SCENE HERO ATMOSPHERE REFINEMENT
   --------------------------------------------------------------------------
   Final CSS-only tuning of the Natural Tonal Shelter. The layer now follows
   the room's warm material palette and provides vertically weighted reading
   support: strongest around the H1, lighter through copy and CTA, and nearly
   merged with the photography at the proof row. Layout and spacing unchanged.
   ========================================================================== */

main.pami-home .pami-home-hero__content::before {
	inset: -14% -32% -10% -14%;

	background:
		radial-gradient(
			ellipse 88% 48% at 17% 31%,
			rgba(238, 226, 212, 0.76) 0%,
			rgba(232, 216, 197, 0.53) 34%,
			rgba(221, 200, 176, 0.25) 64%,
			rgba(213, 188, 160, 0.08) 82%,
			rgba(213, 188, 160, 0) 100%
		),
		radial-gradient(
			ellipse 82% 29% at 20% 55%,
			rgba(239, 228, 214, 0.34) 0%,
			rgba(225, 207, 185, 0.14) 60%,
			rgba(217, 194, 168, 0) 100%
		),
		radial-gradient(
			ellipse 76% 22% at 20% 76%,
			rgba(235, 221, 204, 0.22) 0%,
			rgba(222, 202, 179, 0.09) 62%,
			rgba(213, 188, 160, 0) 100%
		),
		linear-gradient(
			104deg,
			rgba(225, 208, 188, 0.18) 0%,
			rgba(225, 208, 188, 0.08) 40%,
			rgba(217, 194, 168, 0) 76%
		);

	filter: blur(16px);
	opacity: 1;
}

@media (min-width: 681px) and (max-width: 960px) {
	main.pami-home .pami-home-hero__content::before {
		inset: -11% -26% -14% -12%;

		background:
			radial-gradient(
				ellipse 94% 48% at 19% 29%,
				rgba(238, 226, 212, 0.72) 0%,
				rgba(232, 216, 197, 0.48) 34%,
				rgba(221, 200, 176, 0.2) 66%,
				rgba(213, 188, 160, 0) 100%
			),
			radial-gradient(
				ellipse 88% 28% at 22% 54%,
				rgba(239, 228, 214, 0.3) 0%,
				rgba(225, 207, 185, 0.11) 62%,
				rgba(217, 194, 168, 0) 100%
			),
			radial-gradient(
				ellipse 80% 21% at 22% 76%,
				rgba(235, 221, 204, 0.2) 0%,
				rgba(222, 202, 179, 0.08) 64%,
				rgba(213, 188, 160, 0) 100%
			),
			linear-gradient(
				104deg,
				rgba(225, 208, 188, 0.15) 0%,
				rgba(225, 208, 188, 0.06) 42%,
				rgba(217, 194, 168, 0) 78%
			);

		filter: blur(15px);
		opacity: 1;
	}
}

@media (max-width: 680px) {
	main.pami-home .pami-home-hero__content::before {
		inset: -8% -14% -12% -8%;

		background:
			radial-gradient(
				ellipse 118% 54% at 17% 24%,
				rgba(239, 228, 214, 0.78) 0%,
				rgba(232, 216, 197, 0.54) 34%,
				rgba(220, 199, 175, 0.24) 66%,
				rgba(212, 187, 159, 0) 100%
			),
			radial-gradient(
				ellipse 112% 32% at 20% 50%,
				rgba(239, 228, 214, 0.34) 0%,
				rgba(225, 207, 185, 0.13) 60%,
				rgba(217, 194, 168, 0) 100%
			),
			radial-gradient(
				ellipse 104% 24% at 22% 78%,
				rgba(235, 221, 204, 0.26) 0%,
				rgba(222, 202, 179, 0.11) 62%,
				rgba(213, 188, 160, 0) 100%
			),
			linear-gradient(
				106deg,
				rgba(225, 208, 188, 0.17) 0%,
				rgba(225, 208, 188, 0.06) 40%,
				rgba(217, 194, 168, 0) 78%
			);

		filter: blur(14px);
		opacity: 1;
	}
}


/* ========================================================================== 
   WO12.3-R1 — PAMI LIVING SCENE READABILITY REBALANCE
   --------------------------------------------------------------------------
   Gradient-only tuning of the approved warm Natural Tonal Shelter. The H1
   support remains stable while the supporting copy, CTA and complete proof
   row receive a continuous, restrained tonal foundation whose falloff extends
   beyond the proof content. No layout, spacing, typography or component-style
   declarations are changed by this revision.
   ========================================================================== */

main.pami-home .pami-home-hero__content::before {
	background:
		radial-gradient(
			ellipse 88% 48% at 17% 31%,
			rgba(238, 226, 212, 0.76) 0%,
			rgba(232, 216, 197, 0.53) 34%,
			rgba(221, 200, 176, 0.25) 64%,
			rgba(213, 188, 160, 0.08) 82%,
			rgba(213, 188, 160, 0) 100%
		),
		radial-gradient(
			ellipse 92% 36% at 23% 54%,
			rgba(239, 228, 214, 0.43) 0%,
			rgba(229, 212, 191, 0.27) 42%,
			rgba(220, 199, 173, 0.12) 72%,
			rgba(213, 188, 160, 0) 100%
		),
		radial-gradient(
			ellipse 104% 30% at 30% 69%,
			rgba(237, 224, 207, 0.34) 0%,
			rgba(227, 208, 185, 0.2) 46%,
			rgba(218, 196, 169, 0.08) 76%,
			rgba(213, 188, 160, 0) 100%
		),
		radial-gradient(
			ellipse 116% 44% at 38% 86%,
			rgba(235, 221, 204, 0.3) 0%,
			rgba(225, 205, 181, 0.2) 42%,
			rgba(217, 194, 168, 0.1) 70%,
			rgba(213, 188, 160, 0.035) 88%,
			rgba(213, 188, 160, 0) 100%
		),
		linear-gradient(
			104deg,
			rgba(225, 208, 188, 0.19) 0%,
			rgba(225, 208, 188, 0.1) 42%,
			rgba(217, 194, 168, 0.025) 76%,
			rgba(217, 194, 168, 0) 100%
		);
}

@media (min-width: 681px) and (max-width: 960px) {
	main.pami-home .pami-home-hero__content::before {
		background:
			radial-gradient(
				ellipse 94% 48% at 19% 29%,
				rgba(238, 226, 212, 0.72) 0%,
				rgba(232, 216, 197, 0.48) 34%,
				rgba(221, 200, 176, 0.2) 66%,
				rgba(213, 188, 160, 0) 100%
			),
			radial-gradient(
				ellipse 100% 36% at 25% 53%,
				rgba(239, 228, 214, 0.4) 0%,
				rgba(229, 212, 191, 0.24) 44%,
				rgba(220, 199, 173, 0.1) 74%,
				rgba(213, 188, 160, 0) 100%
			),
			radial-gradient(
				ellipse 110% 31% at 32% 69%,
				rgba(237, 224, 207, 0.32) 0%,
				rgba(227, 208, 185, 0.18) 48%,
				rgba(218, 196, 169, 0.07) 77%,
				rgba(213, 188, 160, 0) 100%
			),
			radial-gradient(
				ellipse 122% 44% at 40% 86%,
				rgba(235, 221, 204, 0.28) 0%,
				rgba(225, 205, 181, 0.18) 44%,
				rgba(217, 194, 168, 0.085) 72%,
				rgba(213, 188, 160, 0.03) 89%,
				rgba(213, 188, 160, 0) 100%
			),
			linear-gradient(
				104deg,
				rgba(225, 208, 188, 0.16) 0%,
				rgba(225, 208, 188, 0.08) 44%,
				rgba(217, 194, 168, 0.02) 78%,
				rgba(217, 194, 168, 0) 100%
			);
	}
}

@media (max-width: 680px) {
	main.pami-home .pami-home-hero__content::before {
		background:
			radial-gradient(
				ellipse 118% 54% at 17% 24%,
				rgba(239, 228, 214, 0.78) 0%,
				rgba(232, 216, 197, 0.54) 34%,
				rgba(220, 199, 175, 0.24) 66%,
				rgba(212, 187, 159, 0) 100%
			),
			radial-gradient(
				ellipse 124% 39% at 28% 49%,
				rgba(239, 228, 214, 0.46) 0%,
				rgba(229, 212, 191, 0.29) 44%,
				rgba(220, 199, 173, 0.12) 74%,
				rgba(212, 187, 159, 0) 100%
			),
			radial-gradient(
				ellipse 132% 32% at 36% 68%,
				rgba(237, 224, 207, 0.38) 0%,
				rgba(227, 208, 185, 0.23) 48%,
				rgba(218, 196, 169, 0.09) 78%,
				rgba(212, 187, 159, 0) 100%
			),
			radial-gradient(
				ellipse 140% 48% at 43% 86%,
				rgba(235, 221, 204, 0.36) 0%,
				rgba(225, 205, 181, 0.24) 43%,
				rgba(217, 194, 168, 0.12) 70%,
				rgba(212, 187, 159, 0.04) 89%,
				rgba(212, 187, 159, 0) 100%
			),
			linear-gradient(
				106deg,
				rgba(225, 208, 188, 0.18) 0%,
				rgba(225, 208, 188, 0.09) 44%,
				rgba(217, 194, 168, 0.025) 80%,
				rgba(217, 194, 168, 0) 100%
			);
	}
}


/* ========================================================================== 
   WO17-R1 — HERO CLEAR ARCHITECTURAL GLASS PANEL
   --------------------------------------------------------------------------
   Replaces the broad feathered shelter with a local, deliberately visible
   glass panel. The image remains optically sharp: the material uses a warm
   translucent tint plus very light saturation/brightness refraction, not
   backdrop blur. The existing Hero markup, positioning, motion and content
   remain unchanged.
   ========================================================================== */

main.pami-home .pami-home-hero__content {
	--pami-hero-glass-surface:
		linear-gradient(
			180deg,
			rgba(247, 242, 234, 0.28) 0%,
			rgba(244, 235, 221, 0.24) 100%
		);
	--pami-hero-glass-surface-fallback:
		linear-gradient(
			180deg,
			rgba(247, 242, 234, 0.36) 0%,
			rgba(244, 235, 221, 0.32) 100%
		);
	--pami-hero-glass-border: rgba(255, 252, 247, 0.18);
	--pami-hero-glass-inner-highlight: rgba(255, 255, 255, 0.22);
	--pami-hero-glass-shadow: rgba(69, 50, 34, 0.035);
	--pami-hero-glass-saturation: 1.018;
	--pami-hero-glass-brightness: 1.01;
}

main.pami-home .pami-home-hero__content::before {
	inset: -24px -30px -26px -24px;

	border: 1px solid var(--pami-hero-glass-border);
	border-radius: 6px;

	background: var(--pami-hero-glass-surface-fallback);
	background-clip: padding-box;

	box-shadow:
		0 16px 42px var(--pami-hero-glass-shadow),
		inset 0 1px 0 var(--pami-hero-glass-inner-highlight);

	-webkit-mask-image: none;
	mask-image: none;

	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	filter: none;
	opacity: 1;
	pointer-events: none;
}

@supports ((-webkit-backdrop-filter: saturate(1)) or (backdrop-filter: saturate(1))) {
	main.pami-home .pami-home-hero__content::before {
		background: var(--pami-hero-glass-surface);

		-webkit-backdrop-filter:
			saturate(var(--pami-hero-glass-saturation))
			brightness(var(--pami-hero-glass-brightness));
		backdrop-filter:
			saturate(var(--pami-hero-glass-saturation))
			brightness(var(--pami-hero-glass-brightness));
	}
}

@media (prefers-reduced-transparency: reduce) {
	main.pami-home .pami-home-hero__content::before {
		background: var(--pami-hero-glass-surface-fallback);

		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}
}

@media (min-width: 681px) and (max-width: 960px) {
	main.pami-home .pami-home-hero__content {
		--pami-hero-glass-surface:
			linear-gradient(
				180deg,
				rgba(247, 242, 234, 0.3) 0%,
				rgba(244, 235, 221, 0.26) 100%
			);
		--pami-hero-glass-surface-fallback:
			linear-gradient(
				180deg,
				rgba(247, 242, 234, 0.38) 0%,
				rgba(244, 235, 221, 0.34) 100%
			);
	}

	main.pami-home .pami-home-hero__content::before {
		inset: -22px -26px -24px -22px;
	}
}

@media (max-width: 680px) {
	main.pami-home .pami-home-hero__content {
		--pami-hero-glass-surface:
			linear-gradient(
				180deg,
				rgba(247, 242, 234, 0.34) 0%,
				rgba(244, 235, 221, 0.3) 100%
			);
		--pami-hero-glass-surface-fallback:
			linear-gradient(
				180deg,
				rgba(247, 242, 234, 0.42) 0%,
				rgba(244, 235, 221, 0.38) 100%
			);
		--pami-hero-glass-border: rgba(255, 252, 247, 0.16);
		--pami-hero-glass-inner-highlight: rgba(255, 255, 255, 0.2);
		--pami-hero-glass-shadow: rgba(69, 50, 34, 0.03);
	}

	main.pami-home .pami-home-hero__content::before {
		inset: -18px -18px -20px;
		border-radius: 6px;
		box-shadow:
			0 12px 30px var(--pami-hero-glass-shadow),
			inset 0 1px 0 var(--pami-hero-glass-inner-highlight);
	}
}

@media (max-height: 560px) and (orientation: landscape) {
	main.pami-home .pami-home-hero__content::before {
		inset: -16px -20px -18px;
	}
}