/*
 * HOME - 2026-09-29 client build additions (workbook sheet: HOME).
 * Only the pieces the rebuild was missing: the four-up brand-principles
 * strip under the hero and the offset SCIENCE, REFINED. stair.
 * Scoped to body.ae-theme.ae-v3 .ae3-home so it can never leak.
 */

/* -------------------------------------------- brand principles strip */
body.ae-theme.ae-v3 .ae3-home .ae3-principles {
	background: var(--a3-black);
	color: var(--a3-text-invert);
	padding: clamp(28px, 3.4vw, 52px) 0;
}
body.ae-theme.ae-v3 .ae3-home .ae3-principles__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(18px, 2.6vw, 44px);
}
body.ae-theme.ae-v3 .ae3-home .ae3-principles__item {
	min-width: 0;
	padding-top: 18px;
	border-top: 1px solid var(--a3-line);
	overflow-wrap: anywhere;
}
body.ae-theme.ae-v3 .ae3-home .ae3-principles__icon {
	display: block;
	margin-bottom: 16px;
	color: var(--a3-gold);
}
body.ae-theme.ae-v3 .ae3-home .ae3-principles__icon svg {
	width: 22px;
	height: 22px;
	stroke: currentColor;
	fill: none;
}
body.ae-theme.ae-v3 .ae3-home .ae3-principles__item .ae3-l3 {
	margin: 0 0 8px;
	font-size: clamp(10.5px, .95vw, 12px);
}
body.ae-theme.ae-v3 .ae3-home .ae3-principles__item .ae3-l5 {
	margin: 0;
	font-size: 12.5px;
	line-height: 1.7;
	color: rgba(255, 255, 255, .62);
}

/* -------------------------------------------- SCIENCE, REFINED. stair */
body.ae-theme.ae-v3 .ae3-home .ae3-refined {
	position: relative;
	background: var(--a3-black);
	color: var(--a3-text-invert);
	overflow: hidden;
}
body.ae-theme.ae-v3 .ae3-home .ae3-refined .ae3-shell {
	position: relative;
	z-index: 2;
}
body.ae-theme.ae-v3 .ae3-home .ae3-refined .ae3-intro {
	max-width: none;
}
body.ae-theme.ae-v3 .ae3-home .ae3-refined .ae3-l3 {
	color: var(--a3-gold);
	margin-bottom: clamp(26px, 4vw, 60px);
}
body.ae-theme.ae-v3 .ae3-home .ae3-refined__stack {
	display: grid;
	gap: clamp(24px, 4vw, 58px);
}
body.ae-theme.ae-v3 .ae3-home .ae3-refined__item {
	min-width: 0;
	max-width: 460px;
	overflow-wrap: anywhere;
}
body.ae-theme.ae-v3 .ae3-home .ae3-refined__item:nth-child(1) { margin-left: 0; }
body.ae-theme.ae-v3 .ae3-home .ae3-refined__item:nth-child(2) { margin-left: clamp(0px, 18vw, 300px); }
body.ae-theme.ae-v3 .ae3-home .ae3-refined__item:nth-child(3) { margin-left: clamp(0px, 36vw, 600px); }
body.ae-theme.ae-v3 .ae3-home .ae3-refined__no {
	display: block;
	margin-bottom: 8px;
	font-family: var(--ae-body, "Montserrat", Arial, sans-serif);
	font-size: 11px;
	letter-spacing: .26em;
	color: var(--a3-grey-400);
}
body.ae-theme.ae-v3 .ae3-home .ae3-refined__item .ae3-l2 {
	color: var(--a3-text-invert);
}
body.ae-theme.ae-v3 .ae3-home .ae3-refined__item .ae3-l5 {
	margin: 14px 0 0;
	color: rgba(255, 255, 255, .62);
}
body.ae-theme.ae-v3 .ae3-home .ae3-refined__media {
	position: absolute;
	top: 0;
	right: 0;
	width: 58%;
	height: 100%;
	opacity: .5;
	pointer-events: none;
}
body.ae-theme.ae-v3 .ae3-home .ae3-refined__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 55%);
	mask-image: linear-gradient(90deg, transparent 0%, #000 55%);
}

/* -------------------------------------------- responsive */
@media (max-width: 1024px) {
	body.ae-theme.ae-v3 .ae3-home .ae3-principles__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	body.ae-theme.ae-v3 .ae3-home .ae3-refined__item:nth-child(2) { margin-left: 0; }
	body.ae-theme.ae-v3 .ae3-home .ae3-refined__item:nth-child(3) { margin-left: 0; }
	body.ae-theme.ae-v3 .ae3-home .ae3-refined__media { width: 100%; opacity: .28; }
}
@media (max-width: 640px) {
	body.ae-theme.ae-v3 .ae3-home .ae3-principles__grid { grid-template-columns: minmax(0, 1fr); }
	body.ae-theme.ae-v3 .ae3-home .ae3-principles__item { padding-top: 14px; }
	body.ae-theme.ae-v3 .ae3-home .ae3-refined__item { max-width: none; }
}
/* -------------------------------------------- hero product label + product intro */
body.ae-theme.ae-v3 .ae3-home .ae3-hero__meta {
	margin: 20px 0 0;
	font-family: var(--ae-body, "Montserrat", Arial, sans-serif);
	font-size: 10px;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: .26em;
	text-transform: uppercase;
	color: var(--a3-gold);
	overflow-wrap: anywhere;
}
body.ae-theme.ae-v3 .ae3-home .ae3-products__intro {
	margin-bottom: clamp(28px, 4vw, 58px);
	text-align: center;
	overflow-wrap: anywhere;
}
body.ae-theme.ae-v3 .ae3-home .ae3-products__intro .ae3-l5 {
	margin: 0;
	color: rgba(255, 255, 255, .62);
}
body.ae-theme.ae-v3 .ae3-home .ae3-products__scroll {
	display: block;
	margin-top: 22px;
	font-size: 9.5px;
	letter-spacing: .3em;
	text-transform: uppercase;
	color: var(--a3-grey-400);
}