/**
 * ATM Site Factory — brand application layer.
 *
 * Applies the resolved Brand Pack typography + focus tokens to base elements.
 * Loads after main.css so these token-driven values win over the static base
 * styles, letting a Brand Pack change fonts, weights, line-height and focus
 * colour globally.
 */

body {
	font-family: var(--atm-font-body);
	font-weight: var(--atm-body-weight);
	line-height: var(--atm-body-line-height);
	color: var(--atm-color-text);
	background-color: var(--atm-color-background);
}

h1, h2, h3, h4, h5, h6,
.atm-heading {
	font-family: var(--atm-font-heading);
	font-weight: var(--atm-heading-weight);
	line-height: var(--atm-heading-line-height);
	/* Derive heading colour from the brand text colour so headings stay legible
	   on both light and dark Brand Packs (coloured sections override to white). */
	color: var(--atm-color-text);
}

/* Brand-coloured, always-visible focus state for accessibility. */
:focus-visible {
	outline: 3px solid var(--atm-color-primary);
	outline-offset: 2px;
}

.atm-button:focus-visible {
	outline: 3px solid var(--atm-color-primary);
	outline-offset: 3px;
}

/* On coloured sections, keep the focus ring visible against the background. */
.atm-style--brand :focus-visible,
.atm-style--dark :focus-visible,
.atm-style--accent :focus-visible {
	outline-color: var(--atm-color-white);
}

/* -------------------------------------------------------------------------- */
/* Cultured Dairy — licensed webfonts (Purchased Fonts / Rosetta + MyFonts).  */
/* Avory I PE Black only (display). Gilroy SemiBold/Bold for body + UI.        */
/* CSS: heading 700–900 → Avory Black; body 600 → SemiBold; buttons 700 → Bold.*/
/* -------------------------------------------------------------------------- */
@font-face {
	font-family: "Avory I PE";
	src: url("../fonts/cultured-dairy/avory-i-pe-black.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Avory I PE";
	src: url("../fonts/cultured-dairy/avory-i-pe-black.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Avory I PE";
	src: url("../fonts/cultured-dairy/avory-i-pe-black.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Gilroy";
	src:
		url("../fonts/cultured-dairy/gilroy-semibold.woff2") format("woff2"),
		url("../fonts/cultured-dairy/gilroy-semibold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Gilroy";
	src:
		url("../fonts/cultured-dairy/gilroy-semibold-italic.woff2") format("woff2"),
		url("../fonts/cultured-dairy/gilroy-semibold-italic.woff") format("woff");
	font-weight: 600;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Gilroy";
	src:
		url("../fonts/cultured-dairy/gilroy-bold.woff2") format("woff2"),
		url("../fonts/cultured-dairy/gilroy-bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Gilroy";
	src:
		url("../fonts/cultured-dairy/gilroy-bold-italic.woff2") format("woff2"),
		url("../fonts/cultured-dairy/gilroy-bold-italic.woff") format("woff");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

/* -------------------------------------------------------------------------- */
/* Cultured Dairy profile — Figma Dev Mode layout-spec (252:2661)              */
/* Specs: Avory 140/−7/0.84 · Gilroy 35/40 · CTA 142/60 · strip 136 · pills 51 */
/* Avory I PE Black for headings; Gilroy SemiBold/Bold for body.              */
/* Scoped to .atm-brand--cultured-dairy only (shared theme junction safe).    */
/* -------------------------------------------------------------------------- */

.atm-brand--cultured-dairy {
	/* Avory is already condensed — skip Oswald stretch squish. */
	font-stretch: normal;
	/* Brand Guide FINAL — SKU + chrome extras (core tokens from brand pack). */
	--atm-color-sku-perfect-melt: #f3c55c;
	--atm-color-sku-mexi: #f26b21;
	--atm-color-pinstripe: #00263e;
	--atm-color-highlight: var(--atm-color-sku-mexi);
	--atm-color-cream: #fff5e0;
	--atm-blue-100: #183c51;
	--atm-blue-90: #2f5062;
	--atm-blue-80: #466374;
	--atm-blue-70: #5d7785;
	--atm-blue-60: #748a97;
	--atm-blue-50: #8b9ea8;
	--atm-blue-40: #a2b1ba;
	--atm-blue-30: #b9c5cb;
	--atm-blue-20: #d0d8dc;
	--atm-blue-10: #e7eced;
	/* Dev Mode tracking: −7px @ 140 ≈ −0.05em; −5px @ 100 ≈ −0.05em. */
	--atm-track-display: -0.05em;
	--atm-track-section: -0.05em;
	--atm-track-quote: -0.02em;
	/* Rest logo — compact shrinks further on scroll (+20% vs 2026-08 baseline). */
	--atm-header-logo-max: clamp(4.2rem, 9.24vw, 9rem);
	/* JS syncs exact px; fallback ≈ logo + inner padding. */
	--atm-header-offset: calc(var(--atm-header-logo-max) + 0.75rem);
}

/*
 * Transparent rest header floats over the first stage (no beige slab).
 * First block bleeds under the nav; extra top padding keeps copy clear of the logo.
 */
.atm-brand--cultured-dairy .atm-main {
	padding-top: 0;
}

/* Clearance under transparent nav (yellow/beige film still bleeds behind logo). */
.atm-brand--cultured-dairy {
	--atm-header-content-clearance: calc(var(--atm-header-offset) + 1.75rem);
}

.atm-brand--cultured-dairy .atm-main > .atm-block:first-child,
.atm-brand--cultured-dairy .atm-main > #home-hero-sec-001,
.atm-brand--cultured-dairy .atm-main > #about-hero,
.atm-brand--cultured-dairy .atm-main > #recipes-hero,
.atm-brand--cultured-dairy .atm-main > #faq-hero,
.atm-brand--cultured-dairy .atm-main > #pm-hero,
.atm-brand--cultured-dairy .atm-main > #mx-hero,
.atm-brand--cultured-dairy .atm-main > #products-range-stage,
.atm-brand--cultured-dairy .atm-main > article.atm-recipe {
	padding-top: var(--atm-header-content-clearance) !important;
}

/* Navy pinstripe: 8px navy + 2px darker (period 10px) vs platform 14/28. */
.atm-brand--cultured-dairy .atm-pattern--vertical-stripes {
	background-image: repeating-linear-gradient(
		90deg,
		var(--atm-pattern-stripe-a, var(--atm-color-secondary)) 0,
		var(--atm-pattern-stripe-a, var(--atm-color-secondary)) 8px,
		var(--atm-pattern-stripe-b, color-mix(in srgb, var(--atm-color-secondary) 88%, #000 12%)) 8px,
		var(--atm-pattern-stripe-b, color-mix(in srgb, var(--atm-color-secondary) 88%, #000 12%)) 10px
	);
}

/*
 * Perfect Melt film yellow — navy ink on solid SKU yellow.
 * Home hero uses Brand Beige + table-spread cutout (client media trial).
 */
.atm-brand--cultured-dairy #pm-hero.atm-style--accent,
.atm-brand--cultured-dairy #pm-attributes.atm-benefits {
	background-color: var(--atm-color-sku-perfect-melt) !important;
	color: var(--atm-color-primary);
}

.atm-brand--cultured-dairy #home-hero-sec-001.atm-style--accent {
	background-color: var(--atm-color-background) !important; /* Brand Beige */
	color: var(--atm-color-primary);
}

.atm-brand--cultured-dairy #home-hero-sec-001.atm-style--accent :is(h1, h2, h3, h4, h5, h6),
.atm-brand--cultured-dairy #pm-hero.atm-style--accent :is(h1, h2, h3, h4, h5, h6),
.atm-brand--cultured-dairy #home-hero-sec-001.atm-style--accent :is(
	.atm-section-header__intro,
	.atm-hero__intro,
	.atm-muted,
	.atm-intro
),
.atm-brand--cultured-dairy #pm-hero.atm-style--accent :is(
	.atm-section-header__intro,
	.atm-hero__intro,
	.atm-muted,
	.atm-intro
),
.atm-brand--cultured-dairy #home-hero-sec-001.atm-style--accent .atm-eyebrow,
.atm-brand--cultured-dairy #pm-hero.atm-style--accent .atm-eyebrow,
.atm-brand--cultured-dairy #home-hero-sec-001.atm-style--accent a:not(.atm-button),
.atm-brand--cultured-dairy #pm-hero.atm-style--accent a:not(.atm-button) {
	color: var(--atm-color-primary);
}

/* Hero CTA pill on yellow film — cream on navy. */
.atm-brand--cultured-dairy #home-hero-sec-001.atm-style--accent .atm-button--primary,
.atm-brand--cultured-dairy #pm-hero.atm-style--accent .atm-button--primary {
	background: var(--atm-color-primary);
	color: var(--atm-color-cream, var(--atm-color-white));
	border-color: var(--atm-color-primary);
	border-width: 3px;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	font-family: var(--atm-font-body);
	font-weight: 700;
	font-stretch: normal;
	padding: 1.35rem 2.75rem;
	min-height: 5.5rem;
	font-size: clamp(1.1rem, 2vw, 1.5rem);
	line-height: 1.2;
	box-shadow: 0 10px 28px rgba(15, 24, 41, 0.18);
}

.atm-brand--cultured-dairy #home-hero-sec-001.atm-style--accent .atm-button--primary:hover,
.atm-brand--cultured-dairy #pm-hero.atm-style--accent .atm-button--primary:hover {
	background: var(--atm-color-primary-dark);
	border-color: var(--atm-color-primary-dark);
	color: var(--atm-color-cream, var(--atm-color-white));
}

.atm-brand--cultured-dairy #home-hero-sec-001 .atm-button.atm-button--blob:hover,
.atm-brand--cultured-dairy #home-hero-sec-001 .atm-button.atm-button--blob:focus-visible,
.atm-brand--cultured-dairy #pm-hero .atm-button.atm-button--blob:hover,
.atm-brand--cultured-dairy #pm-hero .atm-button.atm-button--blob:focus-visible {
	background: var(--atm-blob-rest-bg) !important;
	background-color: var(--atm-blob-rest-bg) !important;
	color: var(--atm-blob-text-hover) !important;
	border-color: var(--atm-blob-border) !important;
}

/*
 * Chapter heroes (Option B interim): solid Brand Beige until client media arrives.
 * Mexi uses SKU orange (not Perfect Melt yellow).
 */
.atm-brand--cultured-dairy #about-hero,
.atm-brand--cultured-dairy #recipes-hero,
.atm-brand--cultured-dairy #faq-hero,
.atm-brand--cultured-dairy #products-range-stage {
	background-color: var(--atm-color-background) !important; /* Brand Beige */
	color: var(--atm-color-primary);
}

/* Beige chapter heroes keep accent variant for spacing, but ink stays Brand Blue. */
.atm-brand--cultured-dairy #about-hero.atm-style--accent :is(h1, h2, h3, h4, h5, h6),
.atm-brand--cultured-dairy #recipes-hero.atm-style--accent :is(h1, h2, h3, h4, h5, h6),
.atm-brand--cultured-dairy #about-hero.atm-style--accent :is(
	.atm-section-header__intro,
	.atm-hero__intro,
	.atm-hero__title,
	.atm-muted,
	.atm-intro
),
.atm-brand--cultured-dairy #recipes-hero.atm-style--accent :is(
	.atm-section-header__intro,
	.atm-hero__intro,
	.atm-hero__title,
	.atm-muted,
	.atm-intro
),
.atm-brand--cultured-dairy #about-hero.atm-style--accent .atm-eyebrow,
.atm-brand--cultured-dairy #recipes-hero.atm-style--accent .atm-eyebrow,
.atm-brand--cultured-dairy #about-hero.atm-style--accent a:not(.atm-button),
.atm-brand--cultured-dairy #recipes-hero.atm-style--accent a:not(.atm-button) {
	color: var(--atm-color-primary);
}

/* Recipes page: beige hero → white grid band (About story rhythm). */
.atm-brand--cultured-dairy #recipes-grid,
.atm-brand--cultured-dairy #recipes-grid.atm-style--default,
.atm-brand--cultured-dairy #recipes-grid.atm-style--light,
.atm-brand--cultured-dairy #recipes-grid.atm-style--soft {
	background-color: var(--atm-color-white, #ffffff) !important;
	color: var(--atm-color-primary);
}

.atm-brand--cultured-dairy #mx-hero {
	background-color: var(--atm-color-sku-mexi) !important;
	color: var(--atm-color-primary);
}

.atm-brand--cultured-dairy #mx-hero :is(h1, h2, h3, h4, h5, h6),
.atm-brand--cultured-dairy #mx-hero .atm-eyebrow,
.atm-brand--cultured-dairy #mx-hero .atm-hero__intro,
.atm-brand--cultured-dairy #mx-hero a:not(.atm-button) {
	color: var(--atm-color-primary);
}

/* Sticky nav: transparent at rest → Brand Blue on scroll + logo flip. */
.atm-brand--cultured-dairy .atm-site-header {
	background: transparent !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	color: var(--atm-color-primary);
	border-bottom: 0;
	padding-block: 0.25rem 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 200;
	box-shadow: none;
	transition:
		background-color 0.22s ease,
		color 0.22s ease,
		box-shadow 0.22s ease,
		border-color 0.22s ease,
		padding-block 0.22s ease,
		backdrop-filter 0.22s ease,
		-webkit-backdrop-filter 0.22s ease;
}

/*
 * Parked: Brand Beige frosted nav at rest.
 * Liked the idea but not working well over heroes — keep for easy re-enable.
 *
 * .atm-brand--cultured-dairy .atm-site-header {
 * 	background: color-mix(in srgb, var(--atm-color-background, #f2e7d9) 68%, transparent) !important;
 * 	-webkit-backdrop-filter: saturate(1.08) blur(12px);
 * 	backdrop-filter: saturate(1.08) blur(12px);
 * 	border-bottom: 1px solid color-mix(in srgb, var(--atm-color-primary) 8%, transparent);
 * 	box-shadow: 0 1px 0 color-mix(in srgb, #fff 55%, transparent);
 * }
 *
 * @supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
 * 	.atm-brand--cultured-dairy .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) {
 * 		background: color-mix(in srgb, var(--atm-color-background, #f2e7d9) 90%, #fff) !important;
 * 	}
 * }
 *
 * @media (prefers-reduced-transparency: reduce) {
 * 	.atm-brand--cultured-dairy .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) {
 * 		-webkit-backdrop-filter: none;
 * 		backdrop-filter: none;
 * 		background: color-mix(in srgb, var(--atm-color-background, #f2e7d9) 94%, #fff) !important;
 * 	}
 * }
 */

/* WP admin bar: keep fixed header below the toolbar when logged in. */
.admin-bar.atm-brand--cultured-dairy .atm-site-header {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar.atm-brand--cultured-dairy .atm-site-header {
		top: 46px;
	}
}

/* Top-align nav with logo *ink* (Figma). Logo PNG has ~12.6% transparent top pad. */
.atm-brand--cultured-dairy .atm-site-header__inner {
	align-items: flex-start;
	padding-block: 0.25rem 0.5rem;
	transition: padding-block 0.22s ease;
}

.atm-brand--cultured-dairy .atm-site-header__brand,
.atm-brand--cultured-dairy .atm-site-header__logo {
	display: block;
	line-height: 0;
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav {
	align-items: flex-start;
	/* Match transparent pad above navy bubble in tcd-logo-header.png */
	padding-top: calc(var(--atm-header-logo-max) * 0.126);
	transition: padding-top 0.22s ease;
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu a {
	color: var(--atm-color-primary);
	font-family: var(--atm-font-heading);
	font-size: clamp(0.95rem, 1.45vw, 1.3125rem); /* 21px */
	font-weight: 700;
	font-stretch: normal;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-decoration: none;
	opacity: 1;
	transition: font-size 0.22s ease, opacity 0.18s ease, color 0.18s ease;
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu > li > a {
	position: relative;
	padding-bottom: 0.18em;
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu > li > a::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background-color: currentColor;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.18s ease;
	pointer-events: none;
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu > li > a:hover,
.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu > li > a:focus-visible {
	opacity: 0.88;
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu > li > a:hover::before,
.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu > li > a:focus-visible::before,
.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu > .current-menu-item > a::before,
.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu > .current-menu-ancestor > a::before,
.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu > .current_page_item > a::before {
	transform: scaleX(1);
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu .sub-menu {
	/* Solid panel — must not inherit transparent header. */
	background: var(--atm-color-cream, #fff5e0);
	border: 1px solid color-mix(in srgb, var(--atm-color-primary) 18%, transparent);
	box-shadow: 0 12px 28px rgba(15, 24, 41, 0.14);
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu .sub-menu a {
	font-size: clamp(0.85rem, 1.2vw, 1.05rem);
	font-weight: 700;
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu .sub-menu a:hover {
	background: color-mix(in srgb, var(--atm-color-accent) 55%, transparent);
	opacity: 1;
}

/* Product mega-menu: two pack cards under Our Products (not a full-bleed mega). */
.atm-brand--cultured-dairy .atm-site-header .atm-nav__item--products-mega > .sub-menu {
	border-radius: 1rem;
	overflow: visible;
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__product-card {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	width: 100%;
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__product-card-media {
	display: block;
	aspect-ratio: 4 / 5;
	border-radius: 0.75rem;
	overflow: hidden;
	background: var(--atm-color-sku-perfect-melt);
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__product:nth-child(2) .atm-nav__product-card-media {
	background: var(--atm-color-sku-mexi);
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__product-card-media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center 62%;
	padding: 0.55rem 0.45rem 0.15rem;
	transition: transform 0.22s ease;
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__product-card-copy {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
	padding: 0 0.15rem 0.15rem;
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__product-card-title {
	font-family: var(--atm-font-heading);
	font-size: clamp(0.95rem, 1.15vw, 1.15rem);
	font-weight: 800;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--atm-color-primary);
	line-height: 1.05;
}

.atm-brand--cultured-dairy .atm-site-header .atm-nav__product-card-meta {
	font-family: var(--atm-font-body);
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0;
	text-transform: none;
	color: var(--atm-color-text-muted, #3d4f5c);
	line-height: 1.25;
}

@media (min-width: 768px) {
	.atm-brand--cultured-dairy .atm-site-header .atm-nav__item--products-mega > .sub-menu {
		left: 50%;
		right: auto;
		transform: translateX(-50%);
		top: calc(100% - 0.2rem);
		display: none;
		min-width: min(28.5rem, calc(100vw - 1.5rem));
		padding: 0.85rem;
		gap: 0.75rem;
		flex-direction: row;
		align-items: stretch;
		box-shadow: 0 18px 40px rgba(15, 24, 41, 0.16);
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__item--products-mega:hover > .sub-menu,
	.atm-brand--cultured-dairy .atm-site-header .atm-nav__item--products-mega:focus-within > .sub-menu,
	.atm-brand--cultured-dairy .atm-site-header .atm-nav__item--products-mega.is-open > .sub-menu {
		display: flex;
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__item--products-mega > .sub-menu > .atm-nav__product {
		flex: 1 1 0;
		min-width: 0;
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__item--products-mega > .sub-menu > .atm-nav__product > a {
		display: block;
		height: 100%;
		padding: 0.45rem;
		border-radius: 0.9rem;
		background: color-mix(in srgb, var(--atm-color-white, #fff5e0) 72%, #fff);
		border: 1px solid color-mix(in srgb, var(--atm-color-primary) 10%, transparent);
		white-space: normal;
		transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__item--products-mega > .sub-menu > .atm-nav__product > a:hover,
	.atm-brand--cultured-dairy .atm-site-header .atm-nav__item--products-mega > .sub-menu > .atm-nav__product > a:focus-visible {
		background: color-mix(in srgb, var(--atm-color-accent) 42%, #fff5e0);
		border-color: color-mix(in srgb, var(--atm-color-primary) 22%, transparent);
		transform: translateY(-2px);
		opacity: 1;
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__item--products-mega > .sub-menu > .atm-nav__product > a:hover .atm-nav__product-card-media img,
	.atm-brand--cultured-dairy .atm-site-header .atm-nav__item--products-mega > .sub-menu > .atm-nav__product > a:focus-visible .atm-nav__product-card-media img {
		transform: scale(1.04);
	}
}

@media (max-width: 767px) {
	.atm-brand--cultured-dairy .atm-site-header .atm-nav__item--products-mega > .sub-menu {
		display: none;
		margin: 0.5rem 0 0.25rem;
		padding: 0.55rem;
		gap: 0.55rem;
		border-radius: 0.85rem;
		border: 1px solid color-mix(in srgb, var(--atm-color-primary) 14%, transparent);
		box-shadow: none;
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__item--products-mega.is-open > .sub-menu {
		display: flex;
		flex-direction: column;
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__item--products-mega > .sub-menu > .atm-nav__product > a {
		display: block;
		padding: 0.4rem;
		border-radius: 0.75rem;
		background: color-mix(in srgb, var(--atm-color-white, #fff5e0) 80%, #fff);
		white-space: normal;
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__product-card {
		flex-direction: row;
		align-items: center;
		gap: 0.75rem;
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__product-card-media {
		flex: 0 0 4.5rem;
		width: 4.5rem;
		aspect-ratio: 1;
		border-radius: 0.55rem;
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__product-card-media img {
		padding: 0.25rem;
		object-position: center;
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__product-card-title {
		font-size: 1rem;
	}
}

.atm-brand--cultured-dairy .atm-site-header__logo {
	position: relative;
	display: inline-block;
}

.atm-brand--cultured-dairy .atm-site-header__logo-img {
	display: block;
	max-height: var(--atm-header-logo-max);
	width: auto;
	background: transparent;
	/* Slight lift so the mark reads on yellow / beige film underneath. */
	filter: drop-shadow(0 3px 10px rgba(15, 24, 41, 0.16));
	transition: max-height 0.22s ease, opacity 0.18s ease;
}

.atm-brand--cultured-dairy .atm-site-header__logo-img--inverse {
	display: none;
}

/* Compact on scroll: solid Brand Blue bar, light type, beige/cream logo. */
.atm-brand--cultured-dairy .atm-site-header.is-scrolled,
.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact {
	--atm-header-logo-max: clamp(3.18rem, 6.6vw, 6.3rem);
	background: var(--atm-color-primary) !important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	color: var(--atm-color-white);
	border-bottom-color: transparent;
	padding-block: 0.15rem 0;
	box-shadow: 0 4px 18px rgba(15, 24, 41, 0.22);
}

.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-site-header__logo-img--default,
.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-site-header__logo-img--default {
	display: none;
}

.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-site-header__logo-img--inverse,
.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-site-header__logo-img--inverse {
	display: block;
	filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.22));
}

.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-site-header__inner,
.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-site-header__inner {
	align-items: center;
	padding-block: 0.15rem 0.35rem;
}

.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-nav,
.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-nav {
	align-items: center;
	padding-top: 0;
}

.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-nav__menu a,
.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-nav__menu a {
	font-size: clamp(0.85rem, 1.2vw, 1.125rem);
	color: var(--atm-color-white);
}

.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-nav__menu > li > a:hover,
.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-nav__menu > li > a:focus-visible,
.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-nav__menu > li > a:hover,
.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-nav__menu > li > a:focus-visible {
	color: var(--atm-color-white);
	opacity: 0.88;
}

@media (prefers-reduced-motion: reduce) {
	.atm-brand--cultured-dairy .atm-site-header,
	.atm-brand--cultured-dairy .atm-site-header__inner,
	.atm-brand--cultured-dairy .atm-site-header .atm-nav,
	.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu a,
	.atm-brand--cultured-dairy .atm-site-header .atm-nav__menu > li > a::before,
	.atm-brand--cultured-dairy .atm-site-header__logo-img {
		transition: none;
	}
}

.atm-brand--cultured-dairy .atm-site-footer .atm-site-footer__logo-img,
.atm-brand--cultured-dairy .atm-site-footer img.atm-site-header__logo-img,
.atm-brand--cultured-dairy .atm-footer-logo img {
	/* Cream speech-bubble logo on navy — keep alpha, no screen washout. */
	mix-blend-mode: normal;
	filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.18));
}

.atm-brand--cultured-dairy .atm-hero .atm-accent-overlay__image {
	max-width: min(28rem, 55%);
	height: auto;
	transform: rotate(-8deg);
	filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.22));
	z-index: 3;
}

/* Script accents from Dev Mode pack (theme-file CSS urls — not WP media). */
/* Hero media is a section-level cutout plane (not a card in a column). */
.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__media {
	position: relative;
	z-index: 1;
	overflow: visible;
	margin: 0;
	padding: 0;
	min-height: clamp(18rem, 48vh, 34rem);
}

/*
 * Client feedback (2026-08-19): remove floating hero stamp text
 * ("PERFECT MELT" / "EVERY TIME!" / Mexi "PERFECT COVERAGE") on home + PDPs.
 * Recipes / About never used these; keep all split heroes stamp-free.
 */
.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__media::before,
.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__media::after {
	content: none;
	display: none;
	background-image: none;
}

.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right {
	overflow: visible;
}

.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__media {
	overflow: visible;
}

/*
 * Recipes hero cutout on Brand Beige — soft edge only (asset was yellow-keyed;
 * replace with transparent PNG, then masks stay as gentle blend into beige).
 */
.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right .atm-hero__media {
	overflow: visible;
	isolation: isolate;
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right .atm-hero__image,
.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right img.atm-hero__image {
	-webkit-mask-image:
		linear-gradient(to right, transparent 0%, #000 8%, #000 100%),
		linear-gradient(to bottom, transparent 0%, #000 8%, #000 100%);
	mask-image:
		linear-gradient(to right, transparent 0%, #000 8%, #000 100%),
		linear-gradient(to bottom, transparent 0%, #000 8%, #000 100%);
	-webkit-mask-composite: source-in;
	mask-composite: intersect;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	filter: none !important;
}

/*
 * Inner chapter heroes — compact yellow band (home film hero stays tall).
 * Recipes / About: lifestyle cutouts. PDPs: same band scale; pack shot rules stay separate.
 */
.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right .atm-hero__media,
.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right .atm-hero__media,
.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__media,
.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__media {
	min-height: clamp(14rem, 34vh, 22rem);
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right .atm-hero__title,
.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right .atm-hero__title,
.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__title,
.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__title {
	font-size: clamp(2.75rem, 7vw, 5.5rem);
	margin-bottom: clamp(0.5rem, 1.25vw, 0.9rem);
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right .atm-hero__image,
.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right img.atm-hero__image {
	/* ~20% under chapter-hero scale so heads clear the fixed nav. */
	max-width: min(62vw, 46rem);
	min-width: clamp(13rem, 38vw, 22rem);
	min-height: clamp(10rem, 29vh, 18rem);
}

/* About: girls table lifestyle — full chapter-hero scale (tune down after visual check). */
.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right .atm-hero__image,
.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right img.atm-hero__image {
	max-width: min(78vw, 58rem);
	min-width: clamp(16rem, 48vw, 28rem);
	min-height: clamp(13rem, 36vh, 22rem);
}

/* About hero media plane. */
.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right .atm-hero__media {
	overflow: visible;
	isolation: isolate;
}

.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right .atm-hero__image,
.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right img.atm-hero__image {
	-webkit-mask-image: none;
	mask-image: none;
	filter: drop-shadow(0 14px 28px rgba(15, 24, 41, 0.18));
	object-fit: contain;
	object-position: right bottom;
}

/* Lifestyle editorial: image is the full panel background (not a 7/12 card). */
.atm-brand--cultured-dairy .atm-gallery--editorial-feature {
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.atm-brand--cultured-dairy .atm-gallery--editorial-feature > .atm-container {
	max-width: none;
	width: 100%;
	padding-inline: 0;
	position: static;
	min-height: clamp(28rem, 72vh, 56rem);
}

.atm-brand--cultured-dairy .atm-gallery--editorial-feature .atm-gallery__grid {
	position: absolute;
	inset: 0;
	display: block;
	gap: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}

.atm-brand--cultured-dairy .atm-gallery--editorial-feature .atm-gallery__item,
.atm-brand--cultured-dairy .atm-gallery--editorial-feature .atm-gallery__item--feature {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	grid-column: auto;
	grid-row: auto;
}

.atm-brand--cultured-dairy .atm-gallery--editorial-feature .atm-gallery__media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	min-height: 0;
}

.atm-brand--cultured-dairy .atm-gallery--editorial-feature .atm-gallery__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	min-height: 0;
	object-fit: cover;
	object-position: center center; /* friends + packs centered in frame */
	filter: contrast(1.02) saturate(1.04);
}

/* Client feedback: no MORE MELT / MORE STRETCH stamps on lifestyle film. */
.atm-brand--cultured-dairy .atm-gallery--editorial-feature::before,
.atm-brand--cultured-dairy .atm-gallery--editorial-feature::after {
	content: none;
	display: none;
	background: none;
}

.atm-brand--cultured-dairy .atm-gallery--masonry,
.atm-brand--cultured-dairy .atm-gallery--masonry.atm-style--light {
	position: relative;
	overflow: visible;
	padding-bottom: 0;
	background-color: #fff;
}

/* Wave 1 (Kellie R-020): no soft mid-blue band or Follow/Like stamps on gallery — footer owns chrome. */
.atm-brand--cultured-dairy .atm-gallery--masonry::after,
.atm-brand--cultured-dairy .atm-gallery--masonry::before {
	content: none;
	display: none;
	background: none;
}

.atm-brand--cultured-dairy .atm-gallery--masonry .atm-section-header {
	position: relative;
	z-index: 2;
	margin-inline: auto;
	text-align: center;
	max-width: max-content;
	overflow: visible;
}

.atm-brand--cultured-dairy .atm-gallery--masonry .atm-section-header::before {
	content: none;
	display: none;
	background: none;
}

/*
 * Social masonry 2+4 grid (Figma): override platform CSS-columns masonry.
 * Row 1: items 1–2 side-by-side hero cells; row 2: items 3–6 equal cells.
 */
.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__grid {
	position: relative;
	display: grid;
	columns: unset;
	column-gap: unset;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: auto;
	gap: clamp(0.65rem, 1.5vw, 1.25rem);
	z-index: 1;
	/* Hang last image row onto the light lines panel. */
	margin-bottom: clamp(-2.25rem, -4vw, -1.25rem);
}

.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__item {
	display: block;
	width: auto;
	margin: 0;
	break-inside: auto;
	-webkit-column-break-inside: auto;
}

.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__item--tall .atm-gallery__media,
.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__item--standard .atm-gallery__media,
.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__item--feature .atm-gallery__media,
.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__item--wide .atm-gallery__media {
	aspect-ratio: 9 / 16;
}

/* Full-bleed portrait tiles — fill frame, no cream letterbox gaps. */
.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__item {
	background: transparent;
	padding: 0;
}

.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__media {
	overflow: hidden;
	background: transparent;
	padding: 0;
	margin: 0;
	line-height: 0;
}

.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__image,
.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center center;
	vertical-align: top;
}

@media (min-width: 768px) {
	.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__grid {
		grid-template-columns: repeat(4, 1fr);
	}

	/* Hero row: first two tiles span half the grid each — vertical 9:16. */
	.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__item:nth-child(1),
	.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__item:nth-child(2) {
		grid-column: span 2;
	}

	.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__item:nth-child(1) .atm-gallery__media,
	.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__item:nth-child(2) .atm-gallery__media,
	.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__item:nth-child(n + 3) .atm-gallery__media {
		aspect-ratio: 9 / 16;
		min-height: 0;
	}
}

/* All six tiles stay 9:16 on small screens too. */
.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__item .atm-gallery__media {
	aspect-ratio: 9 / 16;
}

/* Hide SOCIAL-style category tags on Cultured Dairy social gallery. */
.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__caption {
	display: none;
}

/*
 * LIKE & SHARE! lives on navy footer top edge (Figma footer chrome).
 * Footer owns this accent — do not duplicate on the gallery grid.
 */
.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__grid::after {
	content: none;
	display: none;
}

/* Hero: restore split grid (platform .atm-block > .atm-container forces block). */
.atm-brand--cultured-dairy .atm-hero.atm-block > .atm-hero__inner.atm-container {
	display: grid;
}

/*
 * Yellow hero — original photo as section backdrop, flush bottom-RIGHT of the
 * OUTER hero section (page edge), not the padded inner container.
 */
.atm-brand--cultured-dairy .atm-hero.atm-hero--split-image-right,
.atm-brand--cultured-dairy .atm-hero.atm-hero--split-image-right.atm-spacing--spacious,
.atm-brand--cultured-dairy .atm-hero.atm-hero--split-image-right.atm-spacing--standard {
	position: relative;
	isolation: isolate;
	/* Keep top clearance for transparent nav — do not collapse to 0. */
	padding-block: var(--atm-header-content-clearance, calc(var(--atm-header-offset) + 1.75rem)) 0 !important;
	overflow: hidden;
}

/* Display: 140 / lh 0.84 / tracking −7 / Black condensed. */
.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__title {
	font-size: var(--atm-fs-display, clamp(3.5rem, 9.75vw, 8.75rem));
	font-weight: 700;
	font-stretch: normal;
	text-transform: uppercase;
	letter-spacing: var(--atm-track-display);
	line-height: 0.84;
	max-width: 11ch;
	margin-bottom: clamp(0.75rem, 2vw, 1.5rem);
}

/* Intro: Gilroy Bold 35 / lh 1.38. */
.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__intro {
	font-size: clamp(1.25rem, 2.4vw, 2.1875rem);
	font-weight: 700;
	line-height: 1.38;
	max-width: 28rem;
	color: var(--atm-color-primary);
}

/* One sentence per line (A little more…). */
.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__intro p {
	white-space: pre-line;
}

/* Dev Mode order: heading → intro → CTA (platform markup is heading → buttons → intro). */
.atm-brand--cultured-dairy .atm-hero__actions {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: clamp(1.25rem, 2.5vw, 2rem);
}

.atm-brand--cultured-dairy .atm-hero__intro-column {
	order: -1;
	border: 0;
	padding: 0;
	max-width: 28rem;
}

/* Do NOT position the inner container — media must use the SECTION as containing block. */
.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__inner,
.atm-brand--cultured-dairy .atm-hero--split-image-right.atm-block > .atm-hero__inner.atm-container {
	position: static;
}

/* Image flush bottom-right on desktop; mobile uses in-flow rules below. */
.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__image,
.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__image.atm-image--rounded,
.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__image.atm-image--full-bleed,
.atm-brand--cultured-dairy .atm-hero--split-image-right img.atm-hero__image {
	margin: 0;
	padding: 0;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	object-fit: contain;
	object-position: right bottom;
	background: transparent !important;
	z-index: 1;
	pointer-events: none;
	transform: none;
	transform-origin: right bottom;
}

@media (max-width: 767px) {
	.atm-brand--cultured-dairy .atm-hero.atm-hero--split-image-right,
	.atm-brand--cultured-dairy .atm-hero.atm-hero--split-image-right.atm-spacing--spacious,
	.atm-brand--cultured-dairy .atm-hero.atm-hero--split-image-right.atm-spacing--standard {
		overflow: visible;
	}

	.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__media {
		position: relative;
		overflow: visible;
		min-height: auto;
	}

	.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__image,
	.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__image.atm-image--rounded,
	.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__image.atm-image--full-bleed,
	.atm-brand--cultured-dairy .atm-hero--split-image-right img.atm-hero__image {
		position: relative;
		right: auto;
		bottom: auto;
		left: auto;
		top: auto;
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		min-width: 0;
		min-height: 0;
		max-height: none;
		object-position: center bottom;
	}
}

@media (min-width: 768px) {
	.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__image,
	.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__image.atm-image--rounded,
	.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__image.atm-image--full-bleed,
	.atm-brand--cultured-dairy .atm-hero--split-image-right img.atm-hero__image {
		position: absolute !important;
		right: 0;
		bottom: 0;
		left: auto;
		top: auto;
		width: auto !important;
		height: auto !important;
		max-width: min(90vw, 86rem);
		max-height: 100%;
		/* Floor so he doesn’t shrink away on mid/narrow viewports (section may clip). */
		min-width: clamp(20rem, 62vw, 36rem);
		min-height: clamp(18rem, 52vh, 32rem);
	}
}

@media (min-width: 768px) {
	.atm-brand--cultured-dairy .atm-hero--split-image-right.atm-block > .atm-hero__inner.atm-container,
	.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__inner {
		display: grid !important;
		grid-template-columns: max-content minmax(0, 1fr);
		gap: 0;
		align-items: start;
		min-height: clamp(32rem, 68vh, 48rem);
		padding-bottom: 0;
		padding-top: 0;
		position: static; /* critical: don't trap absolute media inside container */
	}

	.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__content {
		display: flex;
		flex-direction: column;
		justify-content: flex-start; /* wording sits at top — no centered empty pad */
		align-items: flex-start;
		align-self: start;
		width: max-content;
		max-width: min(28rem, 100%);
		padding-top: 0;
		padding-bottom: clamp(1.5rem, 4vh, 3rem);
		position: relative;
		z-index: 2;
	}

	/* Media paints against the OUTER hero section, full bleed right + bottom. */
	.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__media {
		position: absolute;
		inset: 0;
		width: auto;
		height: auto;
		margin: 0 !important;
		min-height: 0;
		pointer-events: none;
		z-index: 1;
	}

	.atm-brand--cultured-dairy .atm-hero--split-image-right .atm-hero__image,
	.atm-brand--cultured-dairy .atm-hero--split-image-right img.atm-hero__image {
		min-width: clamp(32rem, 58vw, 48rem);
		min-height: clamp(28rem, 58vh, 40rem);
	}

	/* Home: portrait women cutout on Brand Beige — bottom-right, full figure. */
	.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--split-image-right .atm-hero__media {
		overflow: visible;
	}

	.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--split-image-right .atm-hero__image,
	.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--split-image-right img.atm-hero__image {
		right: 0;
		bottom: 0;
		left: auto;
		top: auto;
		width: auto !important;
		height: auto !important;
		/* ~10% smaller so the figure clears under the floating nav. */
		max-width: min(65vw, 43rem);
		max-height: 92%;
		min-width: clamp(20rem, 43vw, 32.5rem);
		min-height: clamp(23rem, 56vh, 38rem);
		object-fit: contain;
		object-position: right bottom;
		filter: drop-shadow(0 18px 36px rgba(15, 24, 41, 0.18));
		pointer-events: none;
	}
}

/* PDP hero breadcrumbs — linked trail + a touch more air under the crumb. */
.atm-brand--cultured-dairy #pm-hero .atm-eyebrow,
.atm-brand--cultured-dairy #mx-hero .atm-eyebrow {
	margin-bottom: 1rem;
}

.atm-brand--cultured-dairy #pm-hero .atm-eyebrow--breadcrumbs .atm-eyebrow__link:hover,
.atm-brand--cultured-dairy #mx-hero .atm-eyebrow--breadcrumbs .atm-eyebrow__link:hover,
.atm-brand--cultured-dairy #pm-hero .atm-eyebrow--breadcrumbs .atm-eyebrow__link:focus-visible,
.atm-brand--cultured-dairy #mx-hero .atm-eyebrow--breadcrumbs .atm-eyebrow__link:focus-visible {
	color: var(--atm-color-primary);
	text-decoration-thickness: 2px;
}

/*
 * Product PDPs + Recipes browse — hero copy column ~30% wider than home film hero
 * (28rem → 36.4rem). Scoped so homepage split-hero stays tight.
 */
.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__intro,
.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__intro,
.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right .atm-hero__intro,
.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right .atm-hero__intro,
.atm-brand--cultured-dairy #pm-hero .atm-hero__intro-column,
.atm-brand--cultured-dairy #mx-hero .atm-hero__intro-column,
.atm-brand--cultured-dairy #recipes-hero .atm-hero__intro-column,
.atm-brand--cultured-dairy #about-hero .atm-hero__intro-column {
	max-width: 36.4rem;
}

/* PDP / recipes / about heroes: smaller intro so copy doesn't collide with media. */
.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__intro,
.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__intro,
.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right .atm-hero__intro,
.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right .atm-hero__intro {
	font-size: clamp(0.95rem, 1.55vw, 1.25rem);
	font-weight: 600;
	line-height: 1.4;
	max-width: 28rem;
}

/* Punchy first line (sub-heading) stays stronger; body paras stay compact. */
.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__intro > p:first-child,
.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__intro > p:first-child,
.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right .atm-hero__intro > p:first-child,
.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right .atm-hero__intro > p:first-child {
	font-size: clamp(1.05rem, 1.85vw, 1.5rem);
	font-weight: 700;
	line-height: 1.28;
	margin-bottom: 0.65em;
}

.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__title,
.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__title,
.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right .atm-hero__title,
.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right .atm-hero__title {
	font-size: clamp(3rem, 8.2vw, 7.25rem);
	max-width: 10ch;
	margin-bottom: clamp(0.5rem, 1.5vw, 1rem);
}

/* PDP + About display titles stay one line so chapter heroes share one height. */
.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__title,
.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__title,
.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right .atm-hero__title {
	max-width: none;
	width: max-content;
	white-space: nowrap;
}

/* Longer About title — slightly smaller so one line fits the compact band. */
.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right .atm-hero__title {
	font-size: clamp(2.35rem, 5.4vw, 4.5rem);
}

/*
 * PDP attribute strips.
 * Brand Guide: “100% PIN STRIPE” is navy #00263E — lined texture belongs on
 * Brand Blue surfaces only, not over SKU yellow/orange fills.
 */
.atm-brand--cultured-dairy #pm-attributes.atm-benefits,
.atm-brand--cultured-dairy #mx-attributes.atm-benefits {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	color: var(--atm-color-primary);
}

/* Perfect Melt / Mexi — solid SKU bands, no pinstripe (pin stripe = navy only). */
.atm-brand--cultured-dairy #pm-attributes.atm-benefits {
	background-color: var(--atm-color-sku-perfect-melt, #f3c55c) !important;
}

.atm-brand--cultured-dairy #mx-attributes.atm-benefits {
	background-color: var(--atm-color-sku-mexi, #f26b21) !important;
}

.atm-brand--cultured-dairy #pm-attributes.atm-benefits::before,
.atm-brand--cultured-dairy #mx-attributes.atm-benefits::before {
	content: none;
	display: none;
}

.atm-brand--cultured-dairy #pm-attributes.atm-benefits::after,
.atm-brand--cultured-dairy #mx-attributes.atm-benefits::after {
	display: none; /* kill platform green multiply overlay */
}

.atm-brand--cultured-dairy #pm-attributes.atm-benefits > .atm-container,
.atm-brand--cultured-dairy #mx-attributes.atm-benefits > .atm-container {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: clamp(1.75rem, 3.5vw, 2.75rem);
}

.atm-brand--cultured-dairy #pm-attributes .atm-section-header__title,
.atm-brand--cultured-dairy #mx-attributes .atm-section-header__title {
	font-family: var(--atm-font-heading);
	font-size: clamp(2.25rem, 5.5vw, 4.25rem);
	font-weight: 700;
	font-stretch: normal;
	line-height: 0.9;
	letter-spacing: var(--atm-track-display, -0.03em);
	text-transform: uppercase;
	color: var(--atm-color-primary);
	max-width: none;
	white-space: nowrap;
}

.atm-brand--cultured-dairy #pm-attributes .atm-section-header__title-accent {
	display: inline;
	color: var(--atm-color-highlight, #f26b21);
}

/* Mexi: accent stays orange-band white, but on the same line. */
.atm-brand--cultured-dairy #mx-attributes .atm-section-header__title-accent {
	display: inline;
	color: var(--atm-color-white, #ffffff);
}

@media (max-width: 760px) {
	.atm-brand--cultured-dairy #pm-attributes .atm-section-header__title,
	.atm-brand--cultured-dairy #mx-attributes .atm-section-header__title {
		white-space: normal;
	}
}

.atm-brand--cultured-dairy #pm-attributes .atm-benefits__grid,
.atm-brand--cultured-dairy #mx-attributes .atm-benefits__grid {
	gap: clamp(1rem, 2vw, 1.5rem);
}

.atm-brand--cultured-dairy #pm-attributes .atm-benefits__item,
.atm-brand--cultured-dairy #mx-attributes .atm-benefits__item {
	position: relative;
	padding: clamp(1.25rem, 2.5vw, 1.75rem) clamp(1.1rem, 2vw, 1.5rem) clamp(1.35rem, 2.5vw, 1.85rem);
	padding-top: clamp(3.25rem, 5vw, 4rem);
	background: var(--atm-color-white, #ffffff);
	border: 2px solid var(--atm-color-primary);
	border-radius: 0;
	box-shadow: 6px 6px 0 var(--atm-color-primary);
	text-align: left;
	color: var(--atm-color-primary);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.atm-brand--cultured-dairy #pm-attributes .atm-benefits__item:hover,
.atm-brand--cultured-dairy #mx-attributes .atm-benefits__item:hover {
	transform: translate(-2px, -2px);
	box-shadow: 8px 8px 0 var(--atm-color-primary);
}

.atm-brand--cultured-dairy #pm-attributes.atm-benefits--numbered-grid .atm-benefits__item::before,
.atm-brand--cultured-dairy #mx-attributes.atm-benefits--numbered-grid .atm-benefits__item::before {
	counter-increment: atm-benefit;
	content: counter(atm-benefit);
	position: absolute;
	top: 0.85rem;
	left: 1rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: transparent;
	color: var(--atm-color-highlight, #f26b21);
	font-family: var(--atm-font-heading);
	font-size: clamp(2.5rem, 4.5vw, 3.5rem);
	font-weight: 700;
	font-stretch: normal;
	line-height: 0.85;
	letter-spacing: -0.04em;
}

/* show_numbers=false — keep cream cards, hide oversized badges. */
.atm-brand--cultured-dairy #pm-attributes.atm-benefits--no-numbers .atm-benefits__item,
.atm-brand--cultured-dairy #mx-attributes.atm-benefits--no-numbers .atm-benefits__item {
	padding-top: 0;
	overflow: hidden;
}

.atm-brand--cultured-dairy #pm-attributes .atm-benefits__icon,
.atm-brand--cultured-dairy #mx-attributes .atm-benefits__icon {
	margin: 0 0 1rem;
}

.atm-brand--cultured-dairy #pm-attributes .atm-benefits__icon-img,
.atm-brand--cultured-dairy #mx-attributes .atm-benefits__icon-img {
	display: block;
	width: calc(100% + 2.2rem);
	max-width: none;
	height: 11rem;
	margin: 0 -1.1rem 0;
	object-fit: cover;
	border-radius: 0;
}

.atm-brand--cultured-dairy #pm-attributes.atm-benefits--no-numbers .atm-benefits__item::before,
.atm-brand--cultured-dairy #mx-attributes.atm-benefits--no-numbers .atm-benefits__item::before {
	content: none !important;
	display: none !important;
	counter-increment: none;
}

.atm-brand--cultured-dairy #pm-attributes .atm-benefits__title,
.atm-brand--cultured-dairy #mx-attributes .atm-benefits__title {
	font-family: var(--atm-font-heading);
	font-size: clamp(1.35rem, 2.4vw, 1.85rem);
	font-weight: 700;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: var(--atm-color-primary);
	margin: 0 0 0.65rem;
}

.atm-brand--cultured-dairy #pm-attributes .atm-benefits__desc,
.atm-brand--cultured-dairy #mx-attributes .atm-benefits__desc {
	margin: 0;
	font-size: clamp(0.95rem, 1.4vw, 1.05rem);
	font-weight: 600;
	line-height: 1.45;
	color: var(--atm-color-text-muted);
}

/* PDP recipe grids — let long “Recipes featuring …” titles stay one line. */
.atm-brand--cultured-dairy #pm-recipes .atm-section-header,
.atm-brand--cultured-dairy #mx-recipes .atm-section-header {
	max-width: none;
	width: 100%;
}

.atm-brand--cultured-dairy #pm-recipes .atm-section-header__title,
.atm-brand--cultured-dairy #mx-recipes .atm-section-header__title {
	white-space: nowrap;
}

@media (max-width: 700px) {
	.atm-brand--cultured-dairy #pm-recipes .atm-section-header__title,
	.atm-brand--cultured-dairy #mx-recipes .atm-section-header__title {
		white-space: normal;
	}
}

/* Product information — section title matches Cultured display voice. */
.atm-brand--cultured-dairy .atm-product-info__header {
	align-items: center;
	text-align: center;
	max-width: none;
	width: 100%;
	margin-inline: auto;
	padding-block-end: clamp(1.25rem, 3vw, 2.25rem);
}

.atm-brand--cultured-dairy .atm-product-info__title {
	font-family: var(--atm-font-heading);
	font-size: clamp(2.25rem, 5.5vw, 4.25rem);
	font-weight: 700;
	font-stretch: normal;
	line-height: 0.9;
	letter-spacing: var(--atm-track-display, -0.03em);
	text-transform: uppercase;
	color: var(--atm-color-primary);
	margin: 0;
	max-width: 22ch;
}

.atm-brand--cultured-dairy .atm-product-info__intro {
	text-align: center;
	max-width: 36rem;
	margin-inline: auto;
	margin-block-start: 0.75rem;
	color: var(--atm-color-text-muted);
	font-weight: 600;
}

.atm-brand--cultured-dairy .atm-product-info__inner {
	gap: clamp(0.5rem, 1.5vw, 1rem);
}

/*
 * Product information — Cultured PDP panels (#pm-info / #mx-info).
 * Cream + navy dual cards (offset shadow), brand nutrition table — not the
 * default shared table-box. Keep separate from #pm-attributes / #mx-attributes.
 */
.atm-brand--cultured-dairy #pm-info.atm-product-info,
.atm-brand--cultured-dairy #mx-info.atm-product-info,
.atm-brand--cultured-dairy .atm-product-info {
	background: transparent;
	color: var(--atm-color-primary);
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__panels,
.atm-brand--cultured-dairy #mx-info .atm-product-info__panels,
.atm-brand--cultured-dairy .atm-product-info__panels {
	display: grid;
	gap: clamp(1.25rem, 2.5vw, 1.75rem);
	border: 0;
	border-radius: 0;
	overflow: visible;
	background: transparent;
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__side,
.atm-brand--cultured-dairy #mx-info .atm-product-info__side,
.atm-brand--cultured-dairy .atm-product-info__side {
	display: flex;
	flex-direction: column;
	gap: clamp(1.25rem, 2.5vw, 1.75rem);
	min-width: 0;
	border: 0;
}

@media (min-width: 782px) {
	.atm-brand--cultured-dairy #pm-info.atm-product-info--dual-panel .atm-product-info__panels,
	.atm-brand--cultured-dairy #mx-info.atm-product-info--dual-panel .atm-product-info__panels,
	.atm-brand--cultured-dairy .atm-product-info--dual-panel .atm-product-info__panels {
		/* Left: ingredients + allergens stack; right: larger nutritionals. */
		grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
		align-items: stretch;
	}

	.atm-brand--cultured-dairy #pm-info.atm-product-info--dual-panel .atm-product-info__side,
	.atm-brand--cultured-dairy #mx-info.atm-product-info--dual-panel .atm-product-info__side,
	.atm-brand--cultured-dairy .atm-product-info--dual-panel .atm-product-info__side {
		border-inline-end: 0;
		height: 100%;
		min-height: 100%;
	}

	/* Share stretch so left stack (incl. gap) matches nutritionals card height. */
	.atm-brand--cultured-dairy #pm-info.atm-product-info--dual-panel .atm-product-info__panel--ingredients,
	.atm-brand--cultured-dairy #mx-info.atm-product-info--dual-panel .atm-product-info__panel--ingredients,
	.atm-brand--cultured-dairy #pm-info.atm-product-info--dual-panel .atm-product-info__panel--allergens,
	.atm-brand--cultured-dairy #mx-info.atm-product-info--dual-panel .atm-product-info__panel--allergens {
		flex: 1 1 0;
	}

	.atm-brand--cultured-dairy #pm-info.atm-product-info--dual-panel .atm-product-info__panel--nutrition,
	.atm-brand--cultured-dairy #mx-info.atm-product-info--dual-panel .atm-product-info__panel--nutrition {
		height: 100%;
	}
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__panel,
.atm-brand--cultured-dairy #mx-info .atm-product-info__panel,
.atm-brand--cultured-dairy .atm-product-info__panel {
	padding: clamp(1.25rem, 2.5vw, 1.85rem) clamp(1.1rem, 2vw, 1.6rem);
	gap: clamp(0.75rem, 1.5vw, 1.1rem);
	background: var(--atm-color-cream, var(--atm-color-surface, #fff5e0));
	border: 2px solid var(--atm-color-primary);
	border-radius: 0;
	box-shadow: 6px 6px 0 var(--atm-color-primary);
}

.atm-brand--cultured-dairy #pm-info.atm-product-info--dual-panel .atm-product-info__panel--nutrition,
.atm-brand--cultured-dairy #mx-info.atm-product-info--dual-panel .atm-product-info__panel--nutrition,
.atm-brand--cultured-dairy .atm-product-info--dual-panel .atm-product-info__panel--nutrition,
.atm-brand--cultured-dairy .atm-product-info--stacked .atm-product-info__panel--nutrition,
.atm-brand--cultured-dairy #pm-info.atm-product-info--dual-panel .atm-product-info__panel--ingredients,
.atm-brand--cultured-dairy #mx-info.atm-product-info--dual-panel .atm-product-info__panel--ingredients {
	border-inline-end: 2px solid var(--atm-color-primary);
	border-block-end: 2px solid var(--atm-color-primary);
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__panel-title,
.atm-brand--cultured-dairy #mx-info .atm-product-info__panel-title,
.atm-brand--cultured-dairy .atm-product-info__panel-title {
	margin: 0;
	font-family: var(--atm-font-heading);
	font-size: clamp(1.35rem, 2.6vw, 1.9rem);
	font-weight: 700;
	font-stretch: normal;
	line-height: 1;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: var(--atm-color-primary);
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__meta,
.atm-brand--cultured-dairy #mx-info .atm-product-info__meta,
.atm-brand--cultured-dairy .atm-product-info__meta,
.atm-brand--cultured-dairy #pm-info .atm-product-info__ingredients,
.atm-brand--cultured-dairy #mx-info .atm-product-info__ingredients,
.atm-brand--cultured-dairy .atm-product-info__ingredients,
.atm-brand--cultured-dairy #pm-info .atm-product-info__line,
.atm-brand--cultured-dairy #mx-info .atm-product-info__line,
.atm-brand--cultured-dairy .atm-product-info__line {
	font-size: clamp(0.92rem, 1.3vw, 1.02rem);
	font-weight: 600;
	line-height: 1.5;
	color: var(--atm-color-text-muted);
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__meta strong,
.atm-brand--cultured-dairy #mx-info .atm-product-info__meta strong,
.atm-brand--cultured-dairy .atm-product-info__meta strong,
.atm-brand--cultured-dairy #pm-info .atm-product-info__ingredients strong,
.atm-brand--cultured-dairy #mx-info .atm-product-info__ingredients strong,
.atm-brand--cultured-dairy .atm-product-info__ingredients strong,
.atm-brand--cultured-dairy #pm-info .atm-product-info__line strong,
.atm-brand--cultured-dairy #mx-info .atm-product-info__line strong,
.atm-brand--cultured-dairy .atm-product-info__line strong {
	color: var(--atm-color-primary);
	font-weight: 700;
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__table-wrap,
.atm-brand--cultured-dairy #mx-info .atm-product-info__table-wrap,
.atm-brand--cultured-dairy .atm-product-info__table-wrap {
	margin-block: 0.15rem 0.35rem;
	border: 2px solid var(--atm-color-primary);
	overflow-x: auto;
	background: var(--atm-color-cream, #fff5e0);
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__table,
.atm-brand--cultured-dairy #mx-info .atm-product-info__table,
.atm-brand--cultured-dairy .atm-product-info__table {
	width: 100%;
	border-collapse: collapse;
	font-size: 0.8125rem;
	line-height: 1.35;
	color: var(--atm-color-primary);
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__table th,
.atm-brand--cultured-dairy #mx-info .atm-product-info__table th,
.atm-brand--cultured-dairy .atm-product-info__table th,
.atm-brand--cultured-dairy #pm-info .atm-product-info__table td,
.atm-brand--cultured-dairy #mx-info .atm-product-info__table td,
.atm-brand--cultured-dairy .atm-product-info__table td {
	padding: 0.55rem 0.65rem;
	border-bottom: 1px solid color-mix(in srgb, var(--atm-color-primary) 22%, transparent);
	vertical-align: middle;
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__table thead th,
.atm-brand--cultured-dairy #mx-info .atm-product-info__table thead th,
.atm-brand--cultured-dairy .atm-product-info__table thead th {
	background: var(--atm-color-primary);
	color: var(--atm-color-white);
	/* Body font: heading face is missing uppercase Q (shows as tofu in "QTY"). */
	font-family: var(--atm-font-body);
	font-size: 0.72rem;
	font-weight: 700;
	font-stretch: normal;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	border-bottom: 2px solid var(--atm-color-pinstripe, #00263e);
	white-space: nowrap;
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__table tbody th,
.atm-brand--cultured-dairy #mx-info .atm-product-info__table tbody th,
.atm-brand--cultured-dairy .atm-product-info__table tbody th {
	font-weight: 700;
	color: var(--atm-color-primary);
	white-space: nowrap;
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__table tbody tr:nth-child(even) td,
.atm-brand--cultured-dairy #mx-info .atm-product-info__table tbody tr:nth-child(even) td,
.atm-brand--cultured-dairy .atm-product-info__table tbody tr:nth-child(even) td,
.atm-brand--cultured-dairy #pm-info .atm-product-info__table tbody tr:nth-child(even) th,
.atm-brand--cultured-dairy #mx-info .atm-product-info__table tbody tr:nth-child(even) th,
.atm-brand--cultured-dairy .atm-product-info__table tbody tr:nth-child(even) th {
	background: var(--atm-blue-10, #e7eced);
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__table tbody tr:last-child th,
.atm-brand--cultured-dairy #mx-info .atm-product-info__table tbody tr:last-child th,
.atm-brand--cultured-dairy .atm-product-info__table tbody tr:last-child th,
.atm-brand--cultured-dairy #pm-info .atm-product-info__table tbody tr:last-child td,
.atm-brand--cultured-dairy #mx-info .atm-product-info__table tbody tr:last-child td,
.atm-brand--cultured-dairy .atm-product-info__table tbody tr:last-child td {
	border-bottom: 0;
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__footnote,
.atm-brand--cultured-dairy #mx-info .atm-product-info__footnote,
.atm-brand--cultured-dairy .atm-product-info__footnote {
	margin: 0;
	font-size: 0.78rem;
	font-weight: 500;
	line-height: 1.45;
	color: color-mix(in srgb, var(--atm-color-text-muted) 88%, var(--atm-color-primary) 12%);
}

.atm-brand--cultured-dairy #pm-info .atm-product-info__footnote em,
.atm-brand--cultured-dairy #mx-info .atm-product-info__footnote em,
.atm-brand--cultured-dairy .atm-product-info__footnote em {
	font-style: normal;
}

@media (min-width: 768px) {
	/*
	 * Compact chapter heroes (PDP + Recipes + About).
	 * Homepage split-hero stays tall / top-pinned.
	 */
	.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right.atm-block > .atm-hero__inner.atm-container,
	.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right.atm-block > .atm-hero__inner.atm-container,
	.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right.atm-block > .atm-hero__inner.atm-container,
	.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right.atm-block > .atm-hero__inner.atm-container,
	.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__inner,
	.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__inner,
	.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right .atm-hero__inner,
	.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right .atm-hero__inner {
		align-items: center;
		min-height: clamp(20rem, 42vh, 28rem);
		padding-top: clamp(1.75rem, 4vh, 3rem);
		padding-bottom: clamp(1.25rem, 3vh, 2.25rem);
	}

	/*
	 * PDP packs: pin feet near the bottom of the yellow band (not mid/top).
	 * A large `bottom` + max-height was collapsing the shot against the nav —
	 * keep bottom small so the bag can actually sit down.
	 */
	.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right.atm-block > .atm-hero__inner.atm-container,
	.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right.atm-block > .atm-hero__inner.atm-container,
	.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__inner,
	.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__inner {
		align-items: start;
		padding-bottom: clamp(2.5rem, 5vh, 4rem);
	}

	.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right,
	.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right {
		overflow: visible;
	}

	.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__media,
	.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__media {
		overflow: visible;
	}

	.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__content,
	.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__content,
	.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right .atm-hero__content,
	.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right .atm-hero__content {
		max-width: min(36.4rem, 100%);
		justify-content: flex-start;
		align-self: start;
		padding-top: 0;
		padding-bottom: 0;
	}

	/* Pack heroes: feet on the lower band, level with left copy. */
	.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__image,
	.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__image,
	.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right img.atm-hero__image,
	.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right img.atm-hero__image {
		position: absolute !important;
		right: clamp(6%, 12vw, 18%);
		left: auto;
		top: auto;
		bottom: clamp(2.5rem, 5vh, 4rem);
		transform: none;
		width: auto !important;
		height: auto !important;
		max-width: min(38vw, 24rem);
		max-height: min(56vh, 28rem);
		min-width: 0;
		min-height: 0;
		object-fit: contain;
		object-position: right bottom;
		filter: drop-shadow(0 18px 40px rgba(0, 0, 0, 0.35));
		will-change: transform;
		animation: atm-pdp-pack-float 4.2s ease-in-out infinite;
	}

	.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__image,
	.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right img.atm-hero__image {
		animation-delay: -2.1s;
	}

	/* Recipes browse: couple cutout — ~20% smaller so it clears the fixed nav. */
	.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right .atm-hero__image,
	.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right img.atm-hero__image {
		right: 0;
		bottom: 0;
		top: auto;
		left: auto;
		transform: none;
		width: min(51vw, 42rem) !important;
		height: auto !important;
		max-width: min(51vw, 42rem);
		max-height: min(70vh, 35rem);
		min-width: clamp(21rem, 37vw, 32rem);
		min-height: 0;
		object-fit: contain;
		object-position: right bottom;
		filter: none !important;
	}

	/* About: girls table — same full chapter-hero scale as recipes until we dial it down. */
	.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right .atm-hero__image,
	.atm-brand--cultured-dairy #about-hero.atm-hero--split-image-right img.atm-hero__image {
		right: 0;
		bottom: 0;
		top: auto;
		left: auto;
		transform: none;
		width: auto !important;
		height: auto !important;
		max-width: min(78vw, 58rem);
		max-height: none;
		min-width: clamp(16rem, 48vw, 28rem);
		min-height: clamp(13rem, 36vh, 22rem);
		object-fit: contain;
		object-position: right bottom;
		filter: drop-shadow(0 14px 28px rgba(15, 24, 41, 0.18));
	}
}

@media (max-width: 767px) {
	/* Mobile header — larger mark; hamburger flips cream on blue scrolled bar. */
	.atm-brand--cultured-dairy {
		--atm-header-logo-max: clamp(4.5rem, 16vw, 6rem);
	}

	.atm-brand--cultured-dairy .atm-site-header.is-scrolled,
	.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact {
		--atm-header-logo-max: clamp(3.5rem, 12vw, 4.75rem);
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__toggle {
		position: relative;
		z-index: 60;
		border-color: color-mix(in srgb, var(--atm-color-primary) 28%, transparent);
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__toggle-bar,
	.atm-brand--cultured-dairy .atm-site-header .atm-nav__toggle-bar::before,
	.atm-brand--cultured-dairy .atm-site-header .atm-nav__toggle-bar::after {
		background: var(--atm-color-primary);
	}

	/*
	 * Expanded = clean X. Overlay-hero cream bars are more specific than main.css;
	 * open-menu forces is-scrolled / is-menu-open so the middle bar can go transparent.
	 */
	.atm-brand--cultured-dairy .atm-site-header .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar,
	.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar,
	.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar,
	.atm-brand--cultured-dairy .atm-site-header.is-menu-open .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar {
		background: transparent;
		height: 0;
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar::before,
	.atm-brand--cultured-dairy .atm-site-header.is-menu-open .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar::before,
	.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar::before {
		top: 0;
		transform: translateX(-50%) rotate(45deg);
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar::after,
	.atm-brand--cultured-dairy .atm-site-header.is-menu-open .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar::after,
	.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar::after {
		top: 0;
		transform: translateX(-50%) rotate(-45deg);
	}

	.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-nav__toggle,
	.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-nav__toggle,
	.atm-brand--cultured-dairy .atm-site-header.is-menu-open .atm-nav__toggle {
		border-color: color-mix(in srgb, var(--atm-color-cream, #fff5e0) 72%, transparent);
	}

	.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-nav__toggle-bar,
	.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-nav__toggle-bar::before,
	.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-nav__toggle-bar::after,
	.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-nav__toggle-bar,
	.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-nav__toggle-bar::before,
	.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-nav__toggle-bar::after,
	.atm-brand--cultured-dairy .atm-site-header.is-menu-open .atm-nav__toggle-bar,
	.atm-brand--cultured-dairy .atm-site-header.is-menu-open .atm-nav__toggle-bar::before,
	.atm-brand--cultured-dairy .atm-site-header.is-menu-open .atm-nav__toggle-bar::after {
		background: var(--atm-color-cream, #fff5e0);
	}

	/*
	 * Open panel: always navy + cream (not beige-on-beige at scrollY 0).
	 * JS forces is-scrolled / is-menu-open on open for Cultured Dairy.
	 */
	.atm-brand--cultured-dairy .atm-site-header .atm-nav.is-open .atm-nav__menu {
		top: 100%;
		z-index: 50;
		background: var(--atm-color-primary);
		border-bottom-color: transparent;
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav.is-open .atm-nav__menu a {
		color: var(--atm-color-cream, #fff5e0);
		text-shadow: none;
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav.is-open .atm-nav__menu li {
		border-top-color: color-mix(in srgb, var(--atm-color-cream, #fff5e0) 22%, transparent);
	}

	/* Home hero — edge-to-edge portrait below copy; tuck under the navy strip. */
	.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--split-image-right {
		overflow: hidden; /* Clip soft edges so the figure can't paint over the navy bar. */
		z-index: 1;
	}

	.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--split-image-right .atm-hero__media {
		width: calc(100% + 2 * var(--atm-container-padding, 1rem));
		max-width: 100vw;
		margin-inline: calc(-1 * var(--atm-container-padding, 1rem));
		z-index: 0;
		overflow: hidden;
	}

	.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--split-image-right .atm-hero__image,
	.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--split-image-right img.atm-hero__image {
		z-index: 0;
	}

	.atm-brand--cultured-dairy .atm-site-header .atm-nav.is-open .atm-nav__menu {
		z-index: 80; /* Above hero media when the panel is open. */
	}
}

/* Brand story (#home-content-split-sec-003): restore split grid
   (platform .atm-block > .atm-container forces display:block). */
.atm-brand--cultured-dairy .atm-content-split.atm-block > .atm-content-split__inner.atm-container {
	display: grid;
}

/*
 * Brand story — product packs as section backdrop, flush bottom-RIGHT of the
 * OUTER content-split section (page edge), same shift as pizza-man hero.
 */
.atm-brand--cultured-dairy .atm-content-split.atm-content-split--image-right,
.atm-brand--cultured-dairy .atm-content-split.atm-content-split--image-right.atm-spacing--spacious,
.atm-brand--cultured-dairy .atm-content-split.atm-content-split--image-right.atm-spacing--standard {
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

/* Brand story: title 100 / −5 / 0.99 · body 40 · quote 60 / −1.2. */
.atm-brand--cultured-dairy .atm-content-split--image-right .atm-content-split__title {
	font-size: var(--atm-fs-section, clamp(3.25rem, 7vw, 6.25rem));
	font-stretch: normal;
	text-transform: uppercase;
	letter-spacing: var(--atm-track-section);
	line-height: 0.99;
	max-width: 12ch;
	text-align: left;
}

.atm-brand--cultured-dairy .atm-content-split__body {
	font-size: clamp(1.2rem, 2.35vw, 2.125rem); /* ~34px — slight step down from 40 */
	font-weight: 700;
	line-height: 1.45;
	color: var(--atm-color-primary);
	max-width: none;
	width: 100%;
	text-align: left;
}

.atm-brand--cultured-dairy .atm-content-split__body em,
.atm-brand--cultured-dairy .atm-content-split__body i {
	font-family: var(--atm-font-heading);
	font-style: normal;
	font-weight: 700;
	font-stretch: normal;
	font-size: clamp(2rem, 4.2vw, 3.75rem); /* 60px */
	letter-spacing: var(--atm-track-quote);
	display: block;
	margin-top: var(--atm-space-md);
	line-height: 1.45;
}

/* Do NOT position the inner — media must use the SECTION as containing block. */
.atm-brand--cultured-dairy .atm-content-split--image-right .atm-content-split__inner,
.atm-brand--cultured-dairy .atm-content-split--image-right.atm-block > .atm-content-split__inner.atm-container {
	position: static;
}

.atm-brand--cultured-dairy .atm-content-split--image-right .atm-content-split__media {
	position: relative;
	z-index: 1;
	overflow: visible;
	margin: 0;
	padding: 0;
	min-height: clamp(18rem, 48vw, 28rem);
}

/* Image flush to outer section bottom + right (full-bleed page edge). */
.atm-brand--cultured-dairy .atm-content-split--image-right .atm-content-split__image,
.atm-brand--cultured-dairy .atm-content-split--image-right .atm-content-split__image.atm-image--rounded,
.atm-brand--cultured-dairy .atm-content-split--image-right .atm-content-split__image.atm-image--default,
.atm-brand--cultured-dairy .atm-content-split--image-right img.atm-content-split__image {
	position: absolute !important;
	right: 0;
	bottom: 0;
	left: auto;
	top: auto;
	width: auto !important;
	height: 100% !important;
	max-width: min(72vw, 62rem);
	max-height: 100%;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	object-fit: contain;
	object-position: right bottom;
	background: transparent !important;
	z-index: 1;
	pointer-events: none;
	opacity: 1;
}

@media (min-width: 768px) {
	.atm-brand--cultured-dairy .atm-content-split--image-right.atm-block > .atm-content-split__inner.atm-container,
	.atm-brand--cultured-dairy .atm-content-split--image-right .atm-content-split__inner {
		display: grid !important;
		/* Media is absolute against the section — one track so copy can use the width. */
		grid-template-columns: minmax(0, 1fr);
		align-items: stretch;
		gap: 0;
		min-height: clamp(28rem, 52vh, 40rem);
		padding-bottom: 0;
		position: static; /* critical: don't trap absolute media inside container */
	}

	.atm-brand--cultured-dairy .atm-content-split--image-right .atm-content-split__content {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		text-align: left;
		position: relative;
		z-index: 2;
		padding-block: clamp(1rem, 3vh, 2rem);
		width: min(52rem, 62%);
		max-width: 52rem;
	}

	/* Media paints against the OUTER section, full bleed right + bottom. */
	.atm-brand--cultured-dairy .atm-content-split--image-right .atm-content-split__media {
		position: absolute;
		inset: 0;
		width: auto;
		height: auto;
		margin: 0 !important;
		min-height: 0;
		pointer-events: none;
		z-index: 1;
	}
}

@media (max-width: 767px) {
	/* Pack shot flush bottom-right of the section (same edge treatment as desktop). */
	.atm-brand--cultured-dairy .atm-content-split--image-right.atm-block > .atm-content-split__inner.atm-container,
	.atm-brand--cultured-dairy .atm-content-split--image-right .atm-content-split__inner {
		position: static;
		display: block;
		min-height: clamp(26rem, 88vw, 34rem);
		padding-bottom: clamp(9rem, 42vw, 14rem);
	}

	.atm-brand--cultured-dairy .atm-content-split--image-right .atm-content-split__content {
		position: relative;
		z-index: 2;
	}

	.atm-brand--cultured-dairy .atm-content-split--image-right .atm-content-split__media {
		position: absolute;
		inset: 0;
		width: auto;
		height: auto;
		min-height: 0;
		margin: 0;
		pointer-events: none;
		z-index: 1;
	}

	.atm-brand--cultured-dairy .atm-content-split--image-right .atm-content-split__image,
	.atm-brand--cultured-dairy .atm-content-split--image-right img.atm-content-split__image {
		position: absolute !important;
		right: 0;
		bottom: 0;
		left: auto;
		top: auto;
		width: auto !important;
		height: auto !important;
		max-width: min(72vw, 18rem);
		max-height: min(52%, 16rem);
		object-fit: contain;
		object-position: right bottom;
	}
}

/*
 * Unapologetic CTA (sec-004):
 * — Cream body centered in the navy striped band
 * — Yellow display title as a full-width “wording border” straddling
 *   the bottom edge into the next section (half over / half under)
 * — Band kept compact (~half prior height); title still straddles out.
 */
.atm-brand--cultured-dairy .atm-cta.atm-pattern--vertical-stripes,
.atm-brand--cultured-dairy .atm-cta.atm-pattern--vertical-stripes.atm-spacing--spacious,
.atm-brand--cultured-dairy .atm-cta.atm-pattern--vertical-stripes.atm-spacing--standard {
	position: relative;
	overflow: visible;
	z-index: 3;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: clamp(11rem, 24vh, 18rem);
	padding-block: clamp(1.25rem, 3vw, 2.25rem) clamp(1.75rem, 3.5vw, 3rem) !important;
}

.atm-brand--cultured-dairy .atm-cta.atm-pattern--vertical-stripes .atm-cta__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 0;
	width: 100%;
	flex: 1 1 auto;
	min-height: 0;
	/* Keep intro clear of the absolute title zone at the bottom edge. */
	padding-block: clamp(1.25rem, 3vw, 2.5rem) clamp(2.5rem, 5.5vw, 4.5rem);
}

.atm-brand--cultured-dairy .atm-cta.atm-pattern--vertical-stripes .atm-cta__text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	flex: 0 1 auto;
}

.atm-brand--cultured-dairy .atm-cta.atm-pattern--vertical-stripes .atm-cta__body {
	position: relative;
	z-index: 1;
	max-width: 70rem;
	margin: 0;
	padding-block: 30px;
	font-family: var(--atm-font-heading);
	font-size: clamp(1.75rem, 4.2vw, 3.75rem); /* 60px */
	font-weight: 700;
	font-stretch: normal;
	line-height: 1.19;
	letter-spacing: var(--atm-track-quote);
	color: var(--atm-color-cream, var(--atm-color-white));
	text-align: center;
}

.atm-brand--cultured-dairy .atm-cta.atm-pattern--vertical-stripes .atm-cta__body p {
	margin: 0;
}

.atm-brand--cultured-dairy .atm-cta.atm-pattern--vertical-stripes .atm-cta__title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 4;
	width: 100%;
	max-width: none;
	margin: 0;
	padding-inline: var(--atm-container-padding, 1.25rem);
	box-sizing: border-box;
	transform: translateY(50%);
	font-size: clamp(2.25rem, 8.6vw, 9.5rem);
	font-stretch: normal;
	letter-spacing: var(--atm-track-display);
	line-height: 0.92;
	/* Home film title pop — Perfect Melt yellow on navy (home yellow deferred). */
	color: var(--atm-color-sku-perfect-melt, #f3c55c);
	text-align: center;
	white-space: nowrap;
	text-shadow: 0 8px 28px rgba(0, 0, 0, 0.28);
	pointer-events: none;
}

/* Clearance so lifestyle gallery content sits below the straddling title. */
.atm-brand--cultured-dairy .atm-cta.atm-pattern--vertical-stripes + .atm-gallery--editorial-feature {
	position: relative;
	z-index: 1;
	padding-top: clamp(3.5rem, 7vw, 6rem);
}

/* Home recipes divider strip — heading + Get cooking on one row (replaced Coles strip). */
.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--split-image-right {
	position: relative;
	z-index: 1;
}

.atm-brand--cultured-dairy #home-recipes-cta-sec-002.atm-cta--split.atm-style--dark,
.atm-brand--cultured-dairy #home-recipes-cta-sec-002.atm-spacing--compact {
	position: relative;
	z-index: 5; /* Above hero cutout — figure reads behind the navy bar. */
	isolation: isolate;
	padding-block: clamp(1rem, 2vw, 1.5rem);
	min-height: 8.5rem;
	display: flex;
	align-items: center;
}

/* Restore flex row — platform .atm-block > .atm-container forces display:block. */
.atm-brand--cultured-dairy #home-recipes-cta-sec-002.atm-block > .atm-cta__inner.atm-container,
.atm-brand--cultured-dairy #home-recipes-cta-sec-002 .atm-cta__inner {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: clamp(1rem, 3vw, 2rem);
}

.atm-brand--cultured-dairy #home-recipes-cta-sec-002 .atm-cta__text {
	flex: 1 1 auto;
	min-width: 0;
}

.atm-brand--cultured-dairy #home-recipes-cta-sec-002 .atm-cta__title {
	margin: 0;
	font-family: var(--atm-font-heading);
	font-size: clamp(1.15rem, 2.2vw, 1.75rem);
	font-weight: 700;
	line-height: 1.2;
	color: var(--atm-color-cream, var(--atm-color-white));
}

.atm-brand--cultured-dairy #home-recipes-cta-sec-002 .atm-cta__buttons {
	flex: 0 0 auto;
	margin: 0;
}

/* Cream outline pill on navy — blob tokens (no !important; harmonises with main.js blob layer). */
.atm-brand--cultured-dairy #home-recipes-cta-sec-002 .atm-button--primary.atm-button--blob {
	--atm-blob-rest-bg: transparent;
	--atm-blob-rest-color: var(--atm-color-cream, #fff5e0);
	--atm-blob-border: var(--atm-color-cream, #fff5e0);
	--atm-blob-fill: var(--atm-color-primary);
	--atm-blob-text-hover: var(--atm-color-cream, #fff5e0);
	--atm-blob-face: transparent;
	flex: 0 0 auto;
	border: 2px solid var(--atm-blob-border);
	border-radius: 999px;
	font-weight: 700;
	font-size: clamp(1rem, 1.5vw, 1.25rem);
	text-transform: none;
	min-height: 0;
	height: auto;
	margin: 0;
	padding: 0.65rem 1.45rem;
	box-shadow: none;
	white-space: nowrap;
}

@media (max-width: 767px) {
	/* Keep title + Get cooking on one row when width allows. */
	.atm-brand--cultured-dairy #home-recipes-cta-sec-002.atm-block > .atm-cta__inner.atm-container,
	.atm-brand--cultured-dairy #home-recipes-cta-sec-002 .atm-cta__inner {
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		gap: 0.75rem;
	}

	.atm-brand--cultured-dairy #home-recipes-cta-sec-002 .atm-cta__title {
		font-size: clamp(1rem, 4.2vw, 1.25rem);
	}

	.atm-brand--cultured-dairy #home-recipes-cta-sec-002 .atm-cta__buttons {
		align-self: center;
		flex: 0 0 auto;
	}

	.atm-brand--cultured-dairy #home-recipes-cta-sec-002 .atm-button--primary.atm-button--blob {
		padding: 0.55rem 1.1rem;
		font-size: 0.95rem;
	}
}

/* Store finder strip: Dev Mode ~136 tall · single row · inlaid cream CTA pill. */
.atm-brand--cultured-dairy .atm-store-finder--strip.atm-style--dark,
.atm-brand--cultured-dairy .atm-store-finder--strip.atm-spacing--compact,
.atm-brand--cultured-dairy .atm-store-finder--strip {
	padding-block: clamp(1rem, 2vw, 1.5rem);
	min-height: 8.5rem; /* ~136px */
	display: flex;
	align-items: center;
}

/* Restore flex row — platform .atm-block > .atm-container forces display:block. */
.atm-brand--cultured-dairy .atm-store-finder--strip.atm-block > .atm-store-finder__inner.atm-container,
.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__inner {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 30px; /* middle gap only — block sizes unchanged */
}

.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__copy {
	flex: 0 1 auto;
	min-width: 0;
}

.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__badge-image {
	display: none; /* text exclusivity line only — no Coles lockup image */
}

.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__badge-text {
	font-size: clamp(0.88rem, 1.68vw, 1.5rem); /* −20% from 30px scale */
	text-transform: uppercase;
	letter-spacing: 0.01em;
	font-weight: 700;
	line-height: 1.2;
	color: var(--atm-color-cream, var(--atm-color-white));
	text-decoration: none;
	white-space: nowrap;
}

.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__form {
	flex: 0 0 auto;
	max-width: none;
	margin-left: 0;
	width: auto;
}

/* Cream outline shell — submit flush to border (right + top/bottom). */
.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__field {
	flex: 0 0 auto;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0;
	min-height: 3.75rem;
	padding: 0;
	border: 3px solid var(--atm-color-cream, var(--atm-color-white));
	border-radius: 999px;
	background: transparent;
	overflow: hidden;
	width: auto;
	max-width: 26.25rem; /* ~85% of prior ~496px */
}

.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__input {
	flex: 1 1 auto;
	width: auto;
	min-width: 0;
	max-width: none;
	min-height: 0;
	/* Inset text only — keeps submit flush to the shell edge. */
	margin: 0.3rem 0.3rem 0.3rem 1rem;
	padding: 0.5rem 0.5rem 0.5rem 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
	color: var(--atm-color-cream, var(--atm-color-white));
	font-size: clamp(0.9rem, 1.3vw, 1.15rem);
	font-weight: 700;
	line-height: 1.2;
}

.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__input:focus {
	outline: none;
}

.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__input:focus-visible {
	outline: 2px solid var(--atm-color-cream, var(--atm-color-white));
	outline-offset: 2px;
}

.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__input::placeholder {
	color: rgba(255, 245, 224, 0.75);
	font-size: inherit;
}

.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__submit,
.atm-brand--cultured-dairy .atm-store-finder--strip .atm-button--primary.atm-store-finder__submit {
	flex: 0 0 auto;
	align-self: stretch;
	background: var(--atm-color-cream, var(--atm-color-white));
	color: var(--atm-color-primary);
	border: 0;
	border-radius: 999px;
	font-weight: 700;
	font-size: clamp(1rem, 1.5vw, 1.25rem);
	text-transform: none;
	min-height: 0;
	height: auto;
	margin: 0;
	padding: 0.65rem 1.45rem;
	box-shadow: none;
	white-space: nowrap;
}

.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__submit.atm-button--blob,
.atm-brand--cultured-dairy .atm-store-finder--strip .atm-button--primary.atm-store-finder__submit.atm-button--blob {
	--atm-blob-rest-bg: var(--atm-color-cream, #fff5e0);
	--atm-blob-rest-color: var(--atm-color-primary);
	--atm-blob-border: var(--atm-color-cream, #fff5e0);
	--atm-blob-fill: var(--atm-color-primary);
	--atm-blob-text-hover: var(--atm-color-cream, #fff5e0);
	--atm-blob-face: var(--atm-color-cream, #fff5e0);
	border: 2px solid var(--atm-blob-border);
}

.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__submit:hover,
.atm-brand--cultured-dairy .atm-store-finder--strip .atm-button--primary.atm-store-finder__submit:hover {
	filter: brightness(0.97);
}

.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__submit.atm-button--blob:hover,
.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__submit.atm-button--blob:focus-visible,
.atm-brand--cultured-dairy .atm-store-finder--strip .atm-button--primary.atm-store-finder__submit.atm-button--blob:hover,
.atm-brand--cultured-dairy .atm-store-finder--strip .atm-button--primary.atm-store-finder__submit.atm-button--blob:focus-visible {
	filter: none;
	background: var(--atm-blob-rest-bg) !important;
	background-color: var(--atm-blob-rest-bg) !important;
	color: var(--atm-blob-text-hover) !important;
	border-color: var(--atm-blob-border) !important;
}

@media (max-width: 767px) {
	.atm-brand--cultured-dairy .atm-store-finder--strip.atm-block > .atm-store-finder__inner.atm-container,
	.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__inner {
		flex-direction: column;
		align-items: stretch;
		gap: 1rem;
	}

	.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__badge-text {
		white-space: normal;
	}

	.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__form {
		margin-left: 0;
		width: 100%;
	}

	.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__field {
		width: 100%;
		max-width: none;
	}

	.atm-brand--cultured-dairy .atm-store-finder--strip .atm-store-finder__input {
		flex: 1 1 auto;
		width: auto;
		max-width: none;
	}
}

/* Social masonry: Follow along 30 / track 6px · handle 100. */
.atm-brand--cultured-dairy .atm-gallery--masonry .atm-section-header__title,
.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__title {
	font-size: var(--atm-fs-section, clamp(3.25rem, 7vw, 6.25rem));
	font-stretch: normal;
	text-transform: uppercase;
	letter-spacing: var(--atm-track-section);
	line-height: 0.99;
	text-align: center;
}

.atm-brand--cultured-dairy .atm-gallery--masonry .atm-eyebrow,
.atm-brand--cultured-dairy .atm-gallery--masonry .atm-section-header__eyebrow {
	text-align: center;
	font-size: var(--atm-fs-eyebrow, clamp(1rem, 2.1vw, 1.875rem)); /* 30 */
	letter-spacing: 0.04em; /* tightened — was 0.2em / ~6px */
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1.45;
}

/* Editorial image sizing handled in full-bleed panel rules above. */

.atm-brand--cultured-dairy .atm-gallery__image {
	border-radius: 0;
}

.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__item {
	position: relative;
	z-index: 1;
	box-shadow: 0 12px 28px rgba(15, 24, 41, 0.1);
	background: transparent;
}

.atm-brand--cultured-dairy .atm-gallery--masonry .atm-gallery__item img {
	opacity: 1;
}

/* Footer chrome on navy + cream UNORDINARY store-finder band. */
.atm-brand--cultured-dairy .atm-site-footer {
	--atm-footer-cream: #f5f2e8;
	background: transparent;
	color: var(--atm-footer-cream, var(--atm-color-cream, var(--atm-color-white)));
	position: relative;
	z-index: 2;
	overflow: visible;
}

/* Store-finder band — Brand Beige (softer than white surface; not a site-wide canvas swap). */
.atm-brand--cultured-dairy .atm-site-footer__cream-cta {
	/* Controls + type +25% vs prior 3.575rem / ~1.365rem. */
	--atm-cream-cta-control-h: 4.469rem;
	--atm-cream-cta-control-fs: clamp(1.438rem, 2.03vw, 1.706rem);
	--atm-cream-cta-gutter: 20px;
	position: relative;
	z-index: 3;
	margin-top: 0;
	/* Matched top/bottom panel padding; never wider than the page. */
	padding-block: var(--atm-cream-cta-gutter);
	padding-inline: 0;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	color: var(--atm-color-primary);
	overflow-x: clip;
	overflow-y: hidden;
	background: var(--atm-color-background, #f2e7d9);
	background-image: none;
}

.atm-brand--cultured-dairy .atm-site-footer__cream-cta-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: calc(0.65rem + 15px); /* +15px between UNORDINARY and FIND US row */
	text-align: center;
	max-width: 100% !important;
	width: 100%;
	box-sizing: border-box;
	/* Title owns the 20px edge gutters — don't double-pad via .atm-container. */
	padding-inline: 0 !important;
	overflow-x: clip;
}

/* Full-width border word — always fits page width with 20px gutters; scales fluidly. */
.atm-brand--cultured-dairy .atm-site-footer__cream-cta-title {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	z-index: 2;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding-block: 0.12em 0.16em;
	padding-inline: var(--atm-cream-cta-gutter);
	box-sizing: border-box;
	font-family: var(--atm-font-heading);
	/* Fit “DELICIOUSLY UNORDINARY.” without clipping Avory tops/bottoms. */
	font-size: clamp(1.05rem, calc((100vw - 48px) / 11.4), 9.25rem);
	font-weight: 700;
	font-stretch: normal;
	letter-spacing: var(--atm-track-display, -0.05em);
	line-height: 1.08;
	text-transform: uppercase;
	color: var(--atm-color-highlight, #f26b21);
	text-align: center;
	white-space: nowrap;
	overflow: visible;
	text-overflow: clip;
	transform: none;
	pointer-events: none;
}

/* One balanced unit: exclusivity line + Coles + postcode + Find a store — under the wording. */
.atm-brand--cultured-dairy .atm-site-footer__cream-cta-row {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: clamp(1.375rem, 3.56vw, 2.81rem);
	width: 100%;
	max-width: 92rem;
	margin-top: 0;
	padding-inline: var(--atm-cream-cta-gutter);
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.atm-brand--cultured-dairy .atm-site-footer__cream-cta-retailer {
	display: inline-flex;
	align-items: center;
	gap: 1.06rem;
	flex: 0 0 auto;
	height: var(--atm-cream-cta-control-h);
}

.atm-brand--cultured-dairy .atm-site-footer__cream-cta-find-us,
.atm-brand--cultured-dairy .atm-site-footer__cream-cta-retailer-name {
	font-family: var(--atm-font-heading);
	font-size: var(--atm-cream-cta-control-fs);
	font-weight: 700;
	font-stretch: normal;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: var(--atm-color-primary);
	white-space: nowrap;
	line-height: 1;
}

/* Longer exclusivity line — slightly tighter so it still sits with the lockup. */
.atm-brand--cultured-dairy .atm-site-footer__cream-cta-find-us {
	font-size: clamp(0.72rem, 1.35vw, var(--atm-cream-cta-control-fs));
	letter-spacing: 0.01em;
	max-width: min(22rem, 42vw);
	white-space: normal;
	line-height: 1.15;
	text-wrap: balance;
}

.atm-brand--cultured-dairy .atm-site-footer__cream-cta-lockup,
.atm-brand--cultured-dairy .atm-site-footer__cream-cta-retailer-name {
	display: none !important;
}

.atm-brand--cultured-dairy .atm-site-footer__cream-cta-form {
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	gap: 1.06rem;
	flex: 0 1 auto;
	max-width: none;
	width: auto;
}

.atm-brand--cultured-dairy .atm-site-footer__cream-cta-note {
	margin: 0.85rem 0 0;
	font-size: 0.78rem;
	font-weight: 600;
	line-height: 1.35;
	color: color-mix(in srgb, var(--atm-color-primary) 72%, transparent);
	text-align: center;
}

.atm-brand--cultured-dairy .atm-site-footer__cream-cta-input {
	flex: 0 1 auto;
	min-width: 17.875rem;
	width: clamp(17.875rem, 35.6vw, 29.25rem);
	max-width: 29.25rem;
	height: var(--atm-cream-cta-control-h);
	min-height: var(--atm-cream-cta-control-h);
	padding: 0 1.875rem;
	border: 2px solid var(--atm-color-primary);
	border-radius: 999px;
	background: transparent;
	color: var(--atm-color-primary);
	font: inherit;
	font-size: var(--atm-cream-cta-control-fs);
	font-weight: 600;
	line-height: 1;
	box-sizing: border-box;
}

.atm-brand--cultured-dairy .atm-site-footer__cream-cta-input::placeholder {
	color: color-mix(in srgb, var(--atm-color-primary) 65%, transparent);
	font-size: var(--atm-cream-cta-control-fs);
	font-weight: 600;
	opacity: 1;
}

.atm-brand--cultured-dairy .atm-site-footer__cream-cta-input:focus-visible {
	outline: 2px solid var(--atm-color-highlight, #f26b21);
	outline-offset: 2px;
}

.atm-brand--cultured-dairy .atm-site-footer__cream-cta-submit,
.atm-brand--cultured-dairy .atm-button--primary.atm-site-footer__cream-cta-submit {
	flex: 0 0 auto;
	height: var(--atm-cream-cta-control-h);
	min-height: var(--atm-cream-cta-control-h);
	padding: 0 2.19rem;
	font-weight: 600;
	line-height: 1;
	text-transform: none;
	letter-spacing: 0;
	box-shadow: none;
	white-space: nowrap;
	box-sizing: border-box;
}

.atm-brand--cultured-dairy .atm-site-footer__cream-cta-submit.atm-button--blob,
.atm-brand--cultured-dairy .atm-button--primary.atm-site-footer__cream-cta-submit.atm-button--blob {
	--atm-blob-rest-bg: var(--atm-color-primary);
	--atm-blob-rest-color: var(--atm-footer-cream, var(--atm-color-cream, #fff5e0));
	--atm-blob-border: var(--atm-color-primary);
	--atm-blob-fill: var(--atm-color-cream, #fff5e0);
	--atm-blob-text-hover: var(--atm-color-primary);
	--atm-blob-face: var(--atm-color-primary);
}

.atm-brand--cultured-dairy .atm-site-footer__cream-cta-submit:hover,
.atm-brand--cultured-dairy .atm-button--primary.atm-site-footer__cream-cta-submit:hover {
	background: var(--atm-color-primary-dark);
	color: var(--atm-footer-cream, var(--atm-color-cream, #fff5e0));
}

.atm-brand--cultured-dairy .atm-site-footer__cream-cta-submit.atm-button--blob:hover,
.atm-brand--cultured-dairy .atm-site-footer__cream-cta-submit.atm-button--blob:focus-visible,
.atm-brand--cultured-dairy .atm-button--primary.atm-site-footer__cream-cta-submit.atm-button--blob:hover,
.atm-brand--cultured-dairy .atm-button--primary.atm-site-footer__cream-cta-submit.atm-button--blob:focus-visible {
	background: var(--atm-blob-rest-bg) !important;
	background-color: var(--atm-blob-rest-bg) !important;
	color: var(--atm-blob-text-hover) !important;
	border-color: var(--atm-blob-border) !important;
}

/* Navy pinstripe chrome under cream band. */
.atm-brand--cultured-dairy .atm-site-footer__chrome {
	position: relative;
	z-index: 1;
	overflow: visible;
	padding-top: clamp(2.5rem, 5vw, 4rem);
	padding-bottom: clamp(1.5rem, 3vw, 2.5rem);
	color: var(--atm-footer-cream, var(--atm-color-cream, #fff5e0));
	background-color: var(--atm-color-primary, #183c51);
	background-image: repeating-linear-gradient(
		90deg,
		var(--atm-pattern-stripe-a, #183c51) 0,
		var(--atm-pattern-stripe-a, #183c51) 8px,
		var(--atm-pattern-stripe-b, #122f3f) 8px,
		var(--atm-pattern-stripe-b, #122f3f) 10px
	);
}

.atm-brand--cultured-dairy .atm-site-footer__like-share {
	/* LIKE & SHARE lives on the light lines panel under the social grid. */
	display: none;
}

.atm-brand--cultured-dairy .atm-site-footer--centered .atm-site-footer__inner {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	justify-content: stretch;
	justify-items: center;
	align-items: start;
	column-gap: clamp(1.5rem, 5vw, 4rem);
	row-gap: clamp(1.5rem, 3vw, 2.25rem);
	width: 100%;
	padding-block: clamp(1rem, 2.5vw, 2rem) clamp(1.25rem, 2.5vw, 2rem);
	text-align: center;
}

.atm-brand--cultured-dairy .atm-site-footer--centered .atm-site-footer__brand {
	grid-column: 1 / -1;
	justify-self: center;
	align-items: center;
	text-align: center;
	gap: 0.85rem;
}

.atm-brand--cultured-dairy .atm-site-footer--centered .atm-site-footer__logo,
.atm-brand--cultured-dairy .atm-site-footer--centered .atm-site-footer__logo img,
.atm-brand--cultured-dairy .atm-site-footer--centered .atm-site-footer__logo-img {
	display: block;
	margin-inline: auto;
	max-height: clamp(7.425rem, 16.2vw, 12.825rem); /* +35% vs prior */
	width: auto;
	height: auto;
}

.atm-brand--cultured-dairy .atm-site-footer__tagline {
	margin: 0;
	font-family: var(--atm-font-heading);
	font-size: clamp(1.15rem, 2.4vw, 1.75rem);
	font-weight: 700;
	font-stretch: normal;
	letter-spacing: 0.04em;
	line-height: 1.1;
	text-transform: uppercase;
	color: var(--atm-footer-cream, var(--atm-color-cream, #fff5e0));
}

.atm-brand--cultured-dairy .atm-site-footer__nav-heading {
	margin: 0 0 0.65rem;
	font-family: var(--atm-font-body);
	font-size: clamp(0.7rem, 1vw, 0.8125rem);
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--atm-footer-cream, var(--atm-color-cream, #fff5e0));
	text-align: left;
}

.atm-brand--cultured-dairy .atm-site-footer--centered .atm-site-footer__nav {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}

.atm-brand--cultured-dairy .atm-site-footer--centered .atm-site-footer__cta {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}

.atm-brand--cultured-dairy .atm-site-footer--centered .atm-site-footer__menu {
	align-items: flex-start;
	text-align: left;
}

.atm-brand--cultured-dairy .atm-site-footer a {
	color: var(--atm-footer-cream, var(--atm-color-cream, #fff5e0));
}

.atm-brand--cultured-dairy .atm-site-footer__menu a {
	display: inline-flex;
	align-items: center;
	gap: 0;
	font-family: var(--atm-font-body);
	font-size: clamp(0.95rem, 1.35vw, 1.125rem);
	font-weight: 700;
	line-height: 1.45;
	text-decoration: none;
	position: relative;
	padding-bottom: 0.12em;
	opacity: 1;
	transition: opacity 0.18s ease;
}

.atm-brand--cultured-dairy .atm-site-footer__menu a::before {
	content: none;
	display: none;
}

.atm-brand--cultured-dairy .atm-site-footer__menu a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background-color: currentColor;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.18s ease;
	pointer-events: none;
}

.atm-brand--cultured-dairy .atm-site-footer__menu--footer_links a {
	text-decoration: none;
}

.atm-brand--cultured-dairy .atm-site-footer__menu a:hover,
.atm-brand--cultured-dairy .atm-site-footer__menu a:focus-visible {
	opacity: 0.88;
}

.atm-brand--cultured-dairy .atm-site-footer__menu a:hover::after,
.atm-brand--cultured-dairy .atm-site-footer__menu a:focus-visible::after {
	transform: scaleX(1);
}

.atm-brand--cultured-dairy .atm-site-footer__cta {
	align-items: flex-start;
	text-align: left;
}

.atm-brand--cultured-dairy .atm-site-footer__social {
	margin-top: 0.15rem;
	gap: 0.75rem;
	justify-content: flex-start;
}

.atm-brand--cultured-dairy .atm-site-footer__social a {
	width: 4.826rem; /* +35% vs 3.575rem */
	height: 4.826rem;
	border-radius: 50%;
	background: var(--atm-footer-cream, var(--atm-color-cream, #fff5e0));
	color: var(--atm-color-primary);
}

.atm-brand--cultured-dairy .atm-site-footer__social a:hover {
	background: #fff;
	color: var(--atm-color-primary-dark);
}

.atm-brand--cultured-dairy .atm-site-footer__social-icon {
	width: 2.025rem; /* +35% vs 1.5rem */
	height: 2.025rem;
	fill: currentColor;
}

.atm-brand--cultured-dairy .atm-site-footer__legal {
	border-top: 0;
	/* +35px top/bottom breathing room (was +50px; −15px). */
	padding-block: calc(0.85rem + 35px) calc(1.15rem + 35px);
	background-color: var(--atm-color-primary, #183c51);
	background-image: repeating-linear-gradient(
		90deg,
		var(--atm-pattern-stripe-a, #183c51) 0,
		var(--atm-pattern-stripe-a, #183c51) 8px,
		var(--atm-pattern-stripe-b, #122f3f) 8px,
		var(--atm-pattern-stripe-b, #122f3f) 10px
	);
	font-size: clamp(0.7rem, 1vw, 0.8125rem);
	color: var(--atm-footer-cream, var(--atm-color-cream, #fff5e0));
}

.atm-brand--cultured-dairy .atm-site-footer__legal-inner {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1.5rem;
}

.atm-brand--cultured-dairy .atm-site-footer__copyright {
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-weight: 600;
}

.atm-brand--cultured-dairy .atm-site-footer__legal-links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.35rem 0.65rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

.atm-brand--cultured-dairy .atm-site-footer__legal-links li:not(:last-child)::after {
	content: "|";
	margin-left: 0.65rem;
	opacity: 0.7;
}

.atm-brand--cultured-dairy .atm-site-footer__legal-links a {
	position: relative;
	display: inline-block;
	padding-bottom: 0.08em;
	text-decoration: none;
	text-transform: none;
	font-weight: 600;
	opacity: 1;
	transition: opacity 0.18s ease;
}

.atm-brand--cultured-dairy .atm-site-footer__legal-links a::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
	background-color: currentColor;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.18s ease;
	pointer-events: none;
}

.atm-brand--cultured-dairy .atm-site-footer__legal-links a:hover,
.atm-brand--cultured-dairy .atm-site-footer__legal-links a:focus-visible {
	opacity: 0.88;
	text-decoration: none;
}

.atm-brand--cultured-dairy .atm-site-footer__legal-links a:hover::after,
.atm-brand--cultured-dairy .atm-site-footer__legal-links a:focus-visible::after {
	transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
	.atm-brand--cultured-dairy .atm-site-footer__menu a,
	.atm-brand--cultured-dairy .atm-site-footer__menu a::after,
	.atm-brand--cultured-dairy .atm-site-footer__legal-links a,
	.atm-brand--cultured-dairy .atm-site-footer__legal-links a::after {
		transition: none;
	}
}

@media (max-width: 767px) {
	.atm-brand--cultured-dairy .atm-site-footer--centered .atm-site-footer__inner {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		justify-items: stretch;
		text-align: left;
		column-gap: clamp(1rem, 4vw, 1.75rem);
	}

	.atm-brand--cultured-dairy .atm-site-footer--centered .atm-site-footer__brand {
		grid-column: 1 / -1;
		justify-self: center;
		text-align: center;
	}

	.atm-brand--cultured-dairy .atm-site-footer--centered .atm-site-footer__nav {
		justify-self: stretch;
		text-align: left;
		align-items: flex-start;
	}

	.atm-brand--cultured-dairy .atm-site-footer--centered .atm-site-footer__cta {
		grid-column: 1 / -1;
		justify-self: stretch;
		text-align: left;
		align-items: flex-start;
	}

	.atm-brand--cultured-dairy .atm-site-footer__menu {
		align-items: flex-start;
		text-align: left;
	}

	.atm-brand--cultured-dairy .atm-site-footer__cream-cta-row {
		flex-wrap: wrap;
		gap: 0.85rem;
	}

	.atm-brand--cultured-dairy .atm-site-footer__cream-cta-form {
		flex: 1 1 100%;
		max-width: none;
		width: 100%;
		justify-content: center;
	}

	.atm-brand--cultured-dairy .atm-site-footer__cream-cta-input {
		flex: 1 1 auto;
		width: auto;
		max-width: none;
		min-width: 0;
	}

	.atm-brand--cultured-dairy .atm-site-footer__like-share {
		right: 0.75rem;
		width: min(11rem, 48vw);
		height: 2.25rem;
	}

	.atm-brand--cultured-dairy .atm-site-footer__legal-inner {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* Brand rule: buttons always use body (Gilroy), never Avory display. */
.atm-brand--cultured-dairy .atm-button {
	font-family: var(--atm-font-body);
	text-transform: uppercase;
	letter-spacing: 0.02em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

/*
 * Blob fill hover — inspired by https://codepen.io/hilwat/pen/BeemVX
 * Markup injected by main.js (atm-button--blob). Form-strip submits excluded.
 */
.atm-brand--cultured-dairy .atm-button.atm-button--blob {
	--atm-blob-rest-bg: transparent;
	--atm-blob-rest-color: var(--atm-color-primary);
	--atm-blob-border: var(--atm-color-primary);
	--atm-blob-fill: var(--atm-color-primary);
	--atm-blob-text-hover: var(--atm-color-cream, #fff5e0);
	--atm-blob-face: transparent;
	position: relative;
	isolation: isolate;
	overflow: visible;
	z-index: 1;
	/* Colour only — fill wipe is the blobs; never transition background (hides entry). */
	transition: color 0.45s ease, border-color 0.45s ease;
}

.atm-brand--cultured-dairy .atm-button--primary.atm-button--blob,
.atm-brand--cultured-dairy .atm-button--light.atm-button--blob {
	--atm-blob-rest-bg: var(--atm-color-primary);
	--atm-blob-rest-color: var(--atm-color-cream, #fff5e0);
	--atm-blob-border: var(--atm-color-primary);
	--atm-blob-fill: var(--atm-color-cream, #fff5e0);
	--atm-blob-text-hover: var(--atm-color-primary);
	--atm-blob-face: var(--atm-color-primary);
}

.atm-brand--cultured-dairy .atm-button--secondary.atm-button--blob,
.atm-brand--cultured-dairy .atm-button--ghost.atm-button--blob {
	--atm-blob-rest-bg: transparent;
	--atm-blob-rest-color: var(--atm-color-primary);
	--atm-blob-border: var(--atm-color-primary);
	--atm-blob-fill: var(--atm-color-primary);
	--atm-blob-text-hover: var(--atm-color-cream, #fff5e0);
	--atm-blob-face: var(--atm-color-background, #f2e7d9);
}

.atm-brand--cultured-dairy .atm-button.atm-button--blob,
.atm-brand--cultured-dairy .atm-button.atm-button--blob:hover,
.atm-brand--cultured-dairy .atm-button.atm-button--blob:focus-visible {
	background: var(--atm-blob-rest-bg) !important;
	background-color: var(--atm-blob-rest-bg) !important;
	color: var(--atm-blob-rest-color) !important;
	border-color: var(--atm-blob-border) !important;
}

.atm-brand--cultured-dairy .atm-button.atm-button--blob:hover,
.atm-brand--cultured-dairy .atm-button.atm-button--blob:focus-visible {
	color: var(--atm-blob-text-hover) !important;
}

.atm-brand--cultured-dairy .atm-button.atm-button--blob .atm-button__label {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5em;
}

.atm-brand--cultured-dairy .atm-button.atm-button--blob .atm-button__blob-inner {
	z-index: 0;
	overflow: hidden;
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: var(--atm-blob-face);
	pointer-events: none;
}

.atm-brand--cultured-dairy .atm-button.atm-button--blob .atm-button__blobs {
	position: relative;
	display: block;
	height: 100%;
	filter: url("#atm-blob-goo");
}

.atm-brand--cultured-dairy .atm-button.atm-button--blob .atm-button__blob {
	position: absolute;
	top: 2px;
	width: 25%;
	height: 100%;
	background: var(--atm-blob-fill);
	border-radius: 100%;
	transform: translate3d(0, 150%, 0) scale(1.7);
	transition: transform 0.45s ease;
}

@supports (filter: url("#atm-blob-goo")) {
	.atm-brand--cultured-dairy .atm-button.atm-button--blob .atm-button__blob {
		transform: translate3d(0, 150%, 0) scale(1.4);
	}
}

.atm-brand--cultured-dairy .atm-button.atm-button--blob .atm-button__blob:nth-child(1) {
	left: 0;
	transition-delay: 0s;
}
.atm-brand--cultured-dairy .atm-button.atm-button--blob .atm-button__blob:nth-child(2) {
	left: 30%;
	transition-delay: 0.08s;
}
.atm-brand--cultured-dairy .atm-button.atm-button--blob .atm-button__blob:nth-child(3) {
	left: 60%;
	transition-delay: 0.16s;
}
.atm-brand--cultured-dairy .atm-button.atm-button--blob .atm-button__blob:nth-child(4) {
	left: 90%;
	transition-delay: 0.24s;
}

.atm-brand--cultured-dairy .atm-button.atm-button--blob:hover .atm-button__blob,
.atm-brand--cultured-dairy .atm-button.atm-button--blob:focus-visible .atm-button__blob {
	transform: translate3d(0, 0, 0) scale(1.7);
}

@supports (filter: url("#atm-blob-goo")) {
	.atm-brand--cultured-dairy .atm-button.atm-button--blob:hover .atm-button__blob,
	.atm-brand--cultured-dairy .atm-button.atm-button--blob:focus-visible .atm-button__blob {
		transform: translate3d(0, 0, 0) scale(1.4);
	}
}

.atm-blob-goo-svg {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
	.atm-brand--cultured-dairy .atm-button.atm-button--blob .atm-button__blob {
		transition: none;
	}

	.atm-brand--cultured-dairy .atm-button.atm-button--blob:hover .atm-button__blob,
	.atm-brand--cultured-dairy .atm-button.atm-button--blob:focus-visible .atm-button__blob {
		transform: translate3d(0, 150%, 0) scale(1.4);
	}

	.atm-brand--cultured-dairy .atm-button.atm-button--blob:hover,
	.atm-brand--cultured-dairy .atm-button.atm-button--blob:focus-visible {
		background: var(--atm-blob-fill) !important;
		background-color: var(--atm-blob-fill) !important;
		color: var(--atm-blob-text-hover) !important;
	}
}

/*
 * Home hero CTA exception: Avory display pill.
 * Equal vertical padding + flex center — prior 2.2/0.7 asymmetry sunk the label.
 */
.atm-brand--cultured-dairy #home-hero-sec-001 .atm-button--primary {
	font-family: "Avory I PE", var(--atm-font-heading), Impact, sans-serif !important;
	font-weight: 900;
	font-stretch: normal;
	letter-spacing: -0.02em;
	line-height: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 5.5rem;
	text-align: center;
	padding: 1.35rem 2.85rem !important;
}

/* Recipes browse — equal-height card-grid fallback (3×N). */
.atm-brand--cultured-dairy .atm-recipes--card-grid .atm-recipes__grid {
	align-items: stretch;
	gap: clamp(1.25rem, 2.4vw, 1.75rem);
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 1024px) {
	.atm-brand--cultured-dairy .atm-recipes--card-grid.atm-cols--3 .atm-recipes__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.atm-brand--cultured-dairy .atm-recipes__filters--dropdowns {
	justify-content: center;
	flex-wrap: wrap;
	gap: 1rem 1.75rem;
	margin-bottom: clamp(1.5rem, 3vw, 2.25rem);
	font-family: var(--atm-font-body);
}

.atm-brand--cultured-dairy .atm-recipes__tag--product {
	background: color-mix(in srgb, var(--atm-color-primary) 14%, #fff);
	color: var(--atm-color-primary);
}

.atm-brand--cultured-dairy .atm-recipes__tag--occasion {
	background: color-mix(in srgb, var(--atm-color-sku-perfect-melt, #f3c55c) 62%, #fff);
	color: var(--atm-color-primary);
}

.atm-brand--cultured-dairy .atm-recipes__filter-label {
	color: var(--atm-color-primary);
	font-family: var(--atm-font-body);
}

.atm-brand--cultured-dairy .atm-recipes__filter-select {
	border-color: var(--atm-color-primary);
	color: var(--atm-color-primary);
	background-color: #fffdf8;
	/* Body/sans — Avery/heading is hard to read in form controls. */
	font-family: var(--atm-font-body) !important;
	font-weight: 600;
}

.atm-brand--cultured-dairy .atm-recipes--card-grid .atm-recipes__card {
	background: transparent;
	box-shadow: none;
	border: 0;
	border-radius: 0;
	height: 100%;
}

.atm-brand--cultured-dairy .atm-recipes--card-grid .atm-recipes__media {
	aspect-ratio: 4 / 3;
	border-radius: 0.5rem;
	background: color-mix(in srgb, var(--atm-color-accent) 28%, #fff5e0);
}

.atm-brand--cultured-dairy .atm-recipes--card-grid .atm-recipes__image {
	object-fit: cover;
	object-position: center;
}

.atm-brand--cultured-dairy .atm-recipes--card-grid .atm-recipes__body {
	padding: 0.75rem 0.15rem 0.25rem;
	gap: 0.25rem;
}

.atm-brand--cultured-dairy .atm-recipes--card-grid .atm-recipes__title {
	font-family: var(--atm-font-heading);
	font-weight: 800;
	text-transform: none;
	color: var(--atm-color-primary);
	font-size: clamp(1.05rem, 1.6vw, 1.375rem);
	line-height: 1.2;
}

.atm-brand--cultured-dairy .atm-recipes--card-grid .atm-recipes__meta {
	font-family: var(--atm-font-body);
	font-weight: 600;
	color: var(--atm-color-text-muted);
	font-size: clamp(0.9rem, 1.2vw, 1.125rem);
}

/* Social-feed brand polish (uneven masonry browse — preferred for Cultured Dairy). */
.atm-brand--cultured-dairy .atm-recipes--social-feed .atm-recipes__grid--social-feed .atm-recipes__card {
	background: transparent;
	box-shadow: none;
	border: 0;
	border-radius: 0;
}

.atm-brand--cultured-dairy .atm-recipes--social-feed .atm-recipes__media {
	background: color-mix(in srgb, var(--atm-color-accent) 28%, #fff5e0);
}

.atm-brand--cultured-dairy .atm-recipes--social-feed .atm-recipes__title {
	font-family: var(--atm-font-heading);
	font-weight: 800;
	text-transform: none;
	color: var(--atm-color-primary);
}

.atm-brand--cultured-dairy .atm-recipes--social-feed .atm-recipes__meta {
	font-family: var(--atm-font-body);
	font-weight: 600;
	color: var(--atm-color-text-muted);
}

/* ==========================================================================
 * About page polish — hero stamp, body-font CTAs, 2×2 story, values, modal
 * ========================================================================== */

/* About hero: stamp text as cream feature-pop (not cursive script accents). */
.atm-brand--cultured-dairy #about-hero .atm-accent-overlay {
	overflow: visible;
}

.atm-brand--cultured-dairy #about-hero .atm-accent-overlay__text {
	font-family: var(--atm-font-heading);
	font-weight: 900;
	font-stretch: normal;
	line-height: 0.84;
	letter-spacing: -0.05em;
	text-transform: uppercase;
	color: #f2e7d9;
	text-shadow: none;
	filter: drop-shadow(0 3px 0 rgba(24, 60, 81, 0.22)) drop-shadow(0 8px 18px rgba(15, 24, 41, 0.28));
	white-space: nowrap;
}

.atm-brand--cultured-dairy #about-hero .atm-accent-overlay__text--primary {
	top: auto;
	right: 5%;
	bottom: calc(clamp(9.24rem, 13.44vh, 11.34rem) + 4.5rem);
	left: auto;
	font-size: clamp(2.1rem, 4.4vw, 3.9rem);
	transform: rotate(-12deg);
	transform-origin: right center;
}

.atm-brand--cultured-dairy #about-hero .atm-accent-overlay__text--secondary {
	top: auto;
	right: 5%;
	bottom: clamp(9.24rem, 13.44vh, 11.34rem);
	left: auto;
	font-size: clamp(1.9rem, 4vw, 3.5rem);
	transform: rotate(-6deg);
	transform-origin: right center;
	color: #f2e7d9;
}

/* About page CTAs: Montserrat/body, equal twin pills — kill tall Avory accent buttons.
 * (WP body may omit page-about; scope via section anchors + page-id.) */
.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button,
.atm-brand--cultured-dairy.page-id-252 #about-get-in-touch .atm-button,
.atm-brand--cultured-dairy.page-id-252 #about-shop-cta .atm-button {
	font-family: var(--atm-font-body) !important;
	font-weight: 700;
	font-size: 0.95rem;
	letter-spacing: 0.04em;
	line-height: 1.2;
	min-height: 3.25rem !important;
	padding: 0.85rem 1.75rem !important;
	border-radius: 999px;
	text-transform: uppercase;
	box-shadow: none !important;
}

.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--primary,
.atm-brand--cultured-dairy.page-id-252 #about-hero.atm-style--accent .atm-button--primary,
.atm-brand--cultured-dairy.page-id-252 #about-hero.atm-style--soft .atm-button--primary {
	background: var(--atm-color-primary) !important;
	color: var(--atm-color-cream, var(--atm-color-white)) !important;
	border: 2px solid var(--atm-color-primary) !important;
	transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--primary:not(.atm-button--blob):hover,
.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--primary:not(.atm-button--blob):focus-visible,
.atm-brand--cultured-dairy.page-id-252 #about-hero.atm-style--accent .atm-button--primary:not(.atm-button--blob):hover,
.atm-brand--cultured-dairy.page-id-252 #about-hero.atm-style--accent .atm-button--primary:not(.atm-button--blob):focus-visible,
.atm-brand--cultured-dairy.page-id-252 #about-hero.atm-style--soft .atm-button--primary:not(.atm-button--blob):hover,
.atm-brand--cultured-dairy.page-id-252 #about-hero.atm-style--soft .atm-button--primary:not(.atm-button--blob):focus-visible {
	background: var(--atm-color-cream, #fff5e0) !important;
	color: var(--atm-color-primary) !important;
	border-color: var(--atm-color-primary) !important;
}

.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--primary.atm-button--blob,
.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--secondary.atm-button--blob {
	transition: color 0.45s ease, border-color 0.45s ease;
}

.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--primary.atm-button--blob,
.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--primary.atm-button--blob:hover,
.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--primary.atm-button--blob:focus-visible {
	--atm-blob-rest-bg: var(--atm-color-primary);
	--atm-blob-rest-color: var(--atm-color-cream, #fff5e0);
	--atm-blob-border: var(--atm-color-primary);
	--atm-blob-fill: var(--atm-color-cream, #fff5e0);
	--atm-blob-text-hover: var(--atm-color-primary);
	--atm-blob-face: var(--atm-color-primary);
	background: var(--atm-blob-rest-bg) !important;
	background-color: var(--atm-blob-rest-bg) !important;
	color: var(--atm-blob-rest-color) !important;
	border-color: var(--atm-blob-border) !important;
}

.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--primary.atm-button--blob:hover,
.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--primary.atm-button--blob:focus-visible {
	color: var(--atm-blob-text-hover) !important;
}

.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--secondary,
.atm-brand--cultured-dairy.page-id-252 #about-hero.atm-style--accent .atm-button--secondary,
.atm-brand--cultured-dairy.page-id-252 #about-hero.atm-style--soft .atm-button--secondary {
	background: transparent !important;
	color: var(--atm-color-primary) !important;
	border: 2px solid var(--atm-color-primary) !important;
	transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--secondary.atm-button--blob,
.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--secondary.atm-button--blob:hover,
.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--secondary.atm-button--blob:focus-visible {
	--atm-blob-rest-bg: transparent;
	--atm-blob-rest-color: var(--atm-color-primary);
	--atm-blob-border: var(--atm-color-primary);
	--atm-blob-fill: var(--atm-color-primary);
	--atm-blob-text-hover: var(--atm-color-cream, #fff5e0);
	/* Solid beige face so navy blobs wipe in (transparent face hid the rise). */
	--atm-blob-face: var(--atm-color-background, #f2e7d9);
	background: transparent !important;
	background-color: transparent !important;
	border-color: var(--atm-blob-border) !important;
	transition: color 0.45s ease, border-color 0.45s ease;
}

.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--secondary.atm-button--blob {
	color: var(--atm-blob-rest-color) !important;
}

.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--secondary.atm-button--blob:hover,
.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--secondary.atm-button--blob:focus-visible {
	color: var(--atm-blob-text-hover) !important;
}

.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--secondary:not(.atm-button--blob):hover,
.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-button--secondary:not(.atm-button--blob):focus-visible,
.atm-brand--cultured-dairy.page-id-252 #about-hero.atm-style--accent .atm-button--secondary:not(.atm-button--blob):hover,
.atm-brand--cultured-dairy.page-id-252 #about-hero.atm-style--accent .atm-button--secondary:not(.atm-button--blob):focus-visible,
.atm-brand--cultured-dairy.page-id-252 #about-hero.atm-style--soft .atm-button--secondary:not(.atm-button--blob):hover,
.atm-brand--cultured-dairy.page-id-252 #about-hero.atm-style--soft .atm-button--secondary:not(.atm-button--blob):focus-visible {
	background: var(--atm-color-primary) !important;
	color: var(--atm-color-cream, #fff5e0) !important;
	border-color: var(--atm-color-primary) !important;
}

.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-hero__buttons,
.atm-brand--cultured-dairy.page-id-252 #about-shop-cta .atm-cta__actions,
.atm-brand--cultured-dairy.page-id-252 #about-shop-cta .atm-button-group {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1rem;
	align-items: stretch;
}

.atm-brand--cultured-dairy.page-id-252 #about-hero .atm-hero__buttons .atm-button {
	flex: 1 1 10.5rem;
	min-width: 10.5rem;
	max-width: 14rem;
	justify-content: center;
	text-align: center;
}

/* Shop CTA product pills: wider so labels stay on one line. */
.atm-brand--cultured-dairy.page-id-252 #about-shop-cta .atm-button {
	flex: 0 0 auto;
	min-width: 12.5rem;
	max-width: none;
	padding-inline: 2.25rem !important;
	white-space: nowrap;
	justify-content: center;
	text-align: center;
}

/* 2×2 story / stretch band — reset home pack-bleed content-split rules. */
.atm-brand--cultured-dairy #about-our-story,
.atm-brand--cultured-dairy #about-art-of-stretch {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: var(--atm-color-surface, #fff5e0);
}

.atm-brand--cultured-dairy #about-art-of-stretch {
	background: color-mix(in srgb, var(--atm-color-accent) 22%, var(--atm-color-surface, #fff5e0));
}

.atm-brand--cultured-dairy #about-our-story.atm-content-split--image-right .atm-content-split__inner,
.atm-brand--cultured-dairy #about-our-story.atm-content-split--image-right.atm-block > .atm-content-split__inner.atm-container,
.atm-brand--cultured-dairy #about-art-of-stretch .atm-content-split__inner,
.atm-brand--cultured-dairy #about-art-of-stretch.atm-block > .atm-content-split__inner.atm-container {
	position: relative !important;
	display: grid !important;
	grid-template-columns: 1fr;
	gap: clamp(1.25rem, 3vw, 2.5rem);
	align-items: center;
	min-height: 0;
	padding-block: clamp(2.5rem, 6vw, 4.5rem);
}

.atm-brand--cultured-dairy #about-our-story .atm-content-split__media,
.atm-brand--cultured-dairy #about-art-of-stretch .atm-content-split__media {
	position: relative !important;
	inset: auto !important;
	width: 100%;
	height: auto;
	min-height: 0;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	border: 2px solid var(--atm-color-primary);
	box-shadow: 8px 8px 0 var(--atm-color-primary);
	pointer-events: auto;
}

.atm-brand--cultured-dairy #about-our-story .atm-content-split__image,
.atm-brand--cultured-dairy #about-our-story img.atm-content-split__image,
.atm-brand--cultured-dairy #about-art-of-stretch .atm-content-split__image,
.atm-brand--cultured-dairy #about-art-of-stretch img.atm-content-split__image {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	max-height: none;
	min-width: 0;
	min-height: 0;
	object-fit: cover;
	object-position: center;
	pointer-events: auto;
}

.atm-brand--cultured-dairy #about-our-story .atm-content-split__content,
.atm-brand--cultured-dairy #about-art-of-stretch .atm-content-split__content {
	width: 100%;
	max-width: 36rem;
	padding-block: 0;
}

.atm-brand--cultured-dairy #about-our-story .atm-content-split__title {
	font-size: clamp(2.25rem, 5vw, 3.75rem);
	max-width: 14ch;
	line-height: 0.92;
	margin-bottom: 1rem;
}

.atm-brand--cultured-dairy #about-art-of-stretch .atm-content-split__title {
	font-size: clamp(1.55rem, 3.2vw, 2.75rem);
	width: max-content;
	max-width: 100%;
	line-height: 1;
	margin-bottom: 1rem;
	white-space: nowrap;
}

@media (max-width: 899px) {
	.atm-brand--cultured-dairy #about-art-of-stretch .atm-content-split__title {
		white-space: normal;
		font-size: clamp(1.85rem, 7vw, 2.5rem);
	}
}

.atm-brand--cultured-dairy #about-our-story .atm-content-split__body,
.atm-brand--cultured-dairy #about-art-of-stretch .atm-content-split__body {
	font-size: clamp(1rem, 1.6vw, 1.2rem);
	font-weight: 600;
	line-height: 1.5;
	max-width: 34rem;
}

@media (min-width: 900px) {
	.atm-brand--cultured-dairy #about-our-story.atm-content-split--image-right .atm-content-split__inner,
	.atm-brand--cultured-dairy #about-our-story.atm-content-split--image-right.atm-block > .atm-content-split__inner.atm-container {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	}

	.atm-brand--cultured-dairy #about-art-of-stretch .atm-content-split__inner,
	.atm-brand--cultured-dairy #about-art-of-stretch.atm-block > .atm-content-split__inner.atm-container {
		grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
	}

	.atm-brand--cultured-dairy #about-art-of-stretch.atm-content-split--image-left .atm-content-split__media {
		order: -1;
	}
}

/* Brand values — Brand Beige band + navy pinstripe (not SKU yellow). */
.atm-brand--cultured-dairy #about-brand-values.atm-benefits {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: var(--atm-color-background) !important;
	color: var(--atm-color-primary);
}

.atm-brand--cultured-dairy #about-brand-values.atm-benefits::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	opacity: 0.14;
	background-image: repeating-linear-gradient(
		90deg,
		transparent 0,
		transparent 18px,
		rgba(24, 60, 81, 0.55) 18px,
		rgba(24, 60, 81, 0.55) 20px
	);
}

.atm-brand--cultured-dairy #about-brand-values.atm-benefits::after {
	display: none;
}

.atm-brand--cultured-dairy #about-brand-values.atm-benefits > .atm-container {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	gap: clamp(1.75rem, 3.5vw, 2.75rem);
}

.atm-brand--cultured-dairy #about-brand-values .atm-section-header__title {
	font-family: var(--atm-font-heading);
	font-size: clamp(2.25rem, 5.5vw, 4.25rem);
	font-weight: 700;
	font-stretch: normal;
	line-height: 0.9;
	letter-spacing: var(--atm-track-display, -0.03em);
	text-transform: uppercase;
	color: var(--atm-color-primary);
	max-width: 18ch;
}

.atm-brand--cultured-dairy #about-brand-values .atm-benefits__item {
	position: relative;
	padding: clamp(1.25rem, 2.5vw, 1.75rem) clamp(1.1rem, 2vw, 1.5rem);
	background: var(--atm-color-surface, #fff5e0);
	border: 2px solid var(--atm-color-primary);
	border-radius: 0;
	box-shadow: 6px 6px 0 var(--atm-color-primary);
	text-align: left;
}

.atm-brand--cultured-dairy #about-brand-values.atm-benefits--no-numbers .atm-benefits__item::before,
.atm-brand--cultured-dairy #about-brand-values .atm-benefits__item::before {
	content: none !important;
	display: none !important;
}

.atm-brand--cultured-dairy #about-brand-values .atm-benefits__title {
	font-family: var(--atm-font-heading);
	font-size: clamp(1.35rem, 2.4vw, 1.85rem);
	font-weight: 700;
	line-height: 1;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	color: var(--atm-color-primary);
	margin: 0 0 0.65rem;
}

.atm-brand--cultured-dairy #about-brand-values .atm-benefits__desc {
	margin: 0;
	font-size: clamp(0.95rem, 1.4vw, 1.05rem);
	font-weight: 600;
	line-height: 1.45;
	color: var(--atm-color-text-muted);
}

/* Get in touch — 70/30: welcome bullets left, email box-out + CTA right. */
.atm-brand--cultured-dairy #about-get-in-touch.atm-cta {
	background: var(--atm-color-primary) !important;
	color: var(--atm-color-cream, var(--atm-color-white));
}

.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__inner {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(14rem, 3fr);
	gap: clamp(1.25rem, 3vw, 2.25rem);
	align-items: stretch;
}

.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__text,
.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__body {
	display: contents;
}

.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__title {
	grid-column: 1;
	grid-row: 1;
	font-family: var(--atm-font-heading);
	font-size: clamp(2.25rem, 5vw, 3.75rem);
	text-transform: uppercase;
	line-height: 0.95;
	color: var(--atm-color-cream, var(--atm-color-white, #ffffff));
	margin: 0 0 1rem;
	max-width: none;
}

.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__body > ul {
	grid-column: 1;
	grid-row: 2;
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.55rem;
	font-family: var(--atm-font-body);
	font-size: clamp(1rem, 1.55vw, 1.2rem);
	font-weight: 600;
	line-height: 1.4;
	color: var(--atm-color-cream, var(--atm-color-white));
	max-width: none;
}

.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__body > ul > li {
	position: relative;
	padding-left: 1.15rem;
	margin: 0;
}

.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__body > ul > li:first-child {
	white-space: nowrap;
}

.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__body > ul > li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.55em;
	width: 0.45rem;
	height: 0.45rem;
	border-radius: 50%;
	background: var(--atm-color-sku-mexi, #f26b21);
}

/* Soft cream box-out on navy (subtler than brand-values cards). */
.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__contact-panel {
	grid-column: 2;
	grid-row: 1 / span 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 0.55rem;
	padding: clamp(1.1rem, 2vw, 1.5rem);
	padding-bottom: 5.25rem;
	background: rgba(255, 245, 224, 0.12);
	border: 1px solid rgba(255, 245, 224, 0.28);
	border-radius: 0;
	box-shadow: 3px 3px 0 rgba(15, 24, 41, 0.18);
	color: var(--atm-color-cream, var(--atm-color-white));
	min-height: 100%;
	box-sizing: border-box;
}

.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__contact-panel p {
	margin: 0;
	font-family: var(--atm-font-body);
	font-size: clamp(0.95rem, 1.35vw, 1.05rem);
	font-weight: 600;
	line-height: 1.4;
}

.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__contact-email a {
	color: var(--atm-color-sku-mexi, #f26b21);
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__contact-email a:hover {
	color: var(--atm-color-cream, #fff5e0);
}

.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__contact-or {
	opacity: 0.9;
	font-weight: 500;
}

.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__buttons,
.atm-brand--cultured-dairy #about-get-in-touch .atm-button-group {
	grid-column: 2;
	grid-row: 1 / span 2;
	align-self: end;
	justify-self: stretch;
	z-index: 1;
	margin: 0 clamp(1.1rem, 2vw, 1.5rem) clamp(1.1rem, 2vw, 1.5rem);
	width: auto;
	display: flex;
}

.atm-brand--cultured-dairy.page-id-252 #about-get-in-touch .atm-button--primary,
.atm-brand--cultured-dairy #about-get-in-touch .atm-button--primary {
	background: var(--atm-color-cream, #fff5e0) !important;
	color: var(--atm-color-primary) !important;
	border: 2px solid var(--atm-color-cream, #fff5e0) !important;
	min-width: 0;
	width: 100%;
	justify-content: center;
	border-radius: 999px;
}

.atm-brand--cultured-dairy.page-id-252 #about-get-in-touch .atm-button--primary.atm-button--blob,
.atm-brand--cultured-dairy #about-get-in-touch .atm-button--primary.atm-button--blob {
	--atm-blob-rest-bg: var(--atm-color-cream, #fff5e0);
	--atm-blob-rest-color: var(--atm-color-primary);
	--atm-blob-border: var(--atm-color-cream, #fff5e0);
	--atm-blob-fill: var(--atm-color-primary);
	--atm-blob-text-hover: var(--atm-color-cream, #fff5e0);
	--atm-blob-face: var(--atm-color-cream, #fff5e0);
}

.atm-brand--cultured-dairy.page-id-252 #about-get-in-touch .atm-button--primary:hover,
.atm-brand--cultured-dairy #about-get-in-touch .atm-button--primary:hover {
	background: transparent !important;
	color: var(--atm-color-cream, #fff5e0) !important;
	border-color: var(--atm-color-cream, #fff5e0) !important;
}

.atm-brand--cultured-dairy.page-id-252 #about-get-in-touch .atm-button--primary.atm-button--blob:hover,
.atm-brand--cultured-dairy.page-id-252 #about-get-in-touch .atm-button--primary.atm-button--blob:focus-visible,
.atm-brand--cultured-dairy #about-get-in-touch .atm-button--primary.atm-button--blob:hover,
.atm-brand--cultured-dairy #about-get-in-touch .atm-button--primary.atm-button--blob:focus-visible {
	background: var(--atm-blob-rest-bg) !important;
	background-color: var(--atm-blob-rest-bg) !important;
	color: var(--atm-blob-text-hover) !important;
	border-color: var(--atm-blob-border) !important;
}

@media (max-width: 767px) {
	.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__inner {
		grid-template-columns: 1fr;
		gap: 1.25rem;
	}

	.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__title {
		grid-column: 1;
		grid-row: auto;
	}

	.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__body > ul {
		grid-column: 1;
		grid-row: auto;
	}

	.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__body > ul > li,
	.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__body > ul > li:first-child {
		white-space: normal;
	}

	.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__contact-panel {
		grid-column: 1;
		grid-row: auto;
		padding-bottom: clamp(1.1rem, 2vw, 1.5rem);
		min-height: 0;
	}

	.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__buttons,
	.atm-brand--cultured-dairy #about-get-in-touch .atm-button-group {
		grid-column: 1;
		grid-row: auto;
		margin: 0;
		position: relative;
		margin-top: -0.25rem;
	}

	/* Keep button visually inside the box-out on stack. */
	.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__contact-panel {
		padding-bottom: 4.75rem;
		position: relative;
	}

	.atm-brand--cultured-dairy #about-get-in-touch .atm-cta__buttons {
		margin: -3.75rem clamp(1.1rem, 2vw, 1.5rem) clamp(1.1rem, 2vw, 1.5rem);
	}
}

/* FAQ flare. */
.atm-brand--cultured-dairy #about-quick-answers.atm-faq {
	position: relative;
	background: var(--atm-color-surface, #fff5e0);
}

.atm-brand--cultured-dairy #about-quick-answers.atm-faq::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 6px;
	background: repeating-linear-gradient(
		90deg,
		var(--atm-color-accent) 0,
		var(--atm-color-accent) 18px,
		var(--atm-color-primary) 18px,
		var(--atm-color-primary) 22px
	);
}

.atm-brand--cultured-dairy #about-quick-answers .atm-section-header__title {
	font-family: var(--atm-font-heading);
	text-transform: uppercase;
	font-size: clamp(2rem, 4.5vw, 3.25rem);
	line-height: 0.95;
	color: var(--atm-color-primary);
}

.atm-brand--cultured-dairy #about-quick-answers .atm-faq__item {
	border: 2px solid var(--atm-color-primary);
	background: #fff;
	box-shadow: 4px 4px 0 var(--atm-color-accent);
	margin-bottom: 0.85rem;
}

.atm-brand--cultured-dairy #about-quick-answers .atm-faq__question,
.atm-brand--cultured-dairy #about-quick-answers .atm-faq__answer,
.atm-brand--cultured-dairy #about-quick-answers .atm-faq__heading--open {
	padding-left: clamp(1.5rem, 3vw, 2.25rem) !important;
	padding-right: clamp(1.5rem, 3vw, 2.25rem) !important;
}

.atm-brand--cultured-dairy #about-quick-answers .atm-faq__question {
	padding-top: 1.2rem !important;
	padding-bottom: 1.2rem !important;
}

.atm-brand--cultured-dairy #about-quick-answers .atm-faq__answer-inner {
	padding-right: 0.25rem;
}

/* Shop CTA — Brand Blue 50% tint, flat (no pinstripe — lines stay on full navy only). */
.atm-brand--cultured-dairy #about-shop-cta.atm-cta {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background: var(--atm-blue-50, #8b9ea8) !important;
	color: var(--atm-color-primary);
	text-align: center;
}

.atm-brand--cultured-dairy #about-shop-cta.atm-cta::before {
	content: none;
	display: none;
}

.atm-brand--cultured-dairy #about-shop-cta .atm-cta__inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.25rem;
	text-align: center;
}

.atm-brand--cultured-dairy #about-shop-cta .atm-cta__title {
	position: static;
	transform: none;
	font-family: var(--atm-font-heading);
	font-size: clamp(2rem, 5.5vw, 3.75rem);
	line-height: 0.95;
	letter-spacing: var(--atm-track-display, -0.03em);
	text-transform: uppercase;
	color: var(--atm-color-primary);
	text-shadow: none;
	white-space: normal;
	max-width: 18ch;
	pointer-events: auto;
}

.atm-brand--cultured-dairy #about-shop-cta .atm-cta__body {
	font-family: var(--atm-font-body);
	font-size: clamp(1rem, 1.5vw, 1.2rem);
	font-weight: 600;
	line-height: 1.4;
	color: var(--atm-color-primary);
	max-width: 36rem;
	margin: 0;
	padding: 0;
}

.atm-brand--cultured-dairy #about-shop-cta .atm-cta__body p {
	margin: 0;
}

.atm-brand--cultured-dairy #about-shop-cta .atm-cta__buttons,
.atm-brand--cultured-dairy #about-shop-cta .atm-button-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 0.75rem 1.25rem;
	width: auto;
	max-width: none;
}

/* Shop CTA twins on Blue 50%: cream fills, navy type / navy outline. */
.atm-brand--cultured-dairy.page-id-252 #about-shop-cta.atm-style--accent .atm-button--primary {
	background: var(--atm-color-cream, #fff5e0) !important;
	color: var(--atm-color-primary) !important;
	border: 2px solid var(--atm-color-primary) !important;
}

.atm-brand--cultured-dairy.page-id-252 #about-shop-cta.atm-style--accent .atm-button--primary.atm-button--blob,
.atm-brand--cultured-dairy.page-id-252 #about-shop-cta .atm-button--ghost.atm-button--blob,
.atm-brand--cultured-dairy.page-id-252 #about-shop-cta.atm-style--accent .atm-button--ghost.atm-button--blob,
.atm-brand--cultured-dairy.page-id-252 #about-shop-cta.atm-style--accent .atm-button--secondary.atm-button--blob {
	--atm-blob-rest-bg: var(--atm-color-cream, #fff5e0);
	--atm-blob-rest-color: var(--atm-color-primary);
	--atm-blob-border: var(--atm-color-primary);
	--atm-blob-fill: var(--atm-color-primary);
	--atm-blob-text-hover: var(--atm-color-cream, #fff5e0);
	--atm-blob-face: var(--atm-color-cream, #fff5e0);
}

.atm-brand--cultured-dairy.page-id-252 #about-shop-cta.atm-style--accent .atm-button--primary:hover {
	background: var(--atm-color-primary) !important;
	color: var(--atm-color-cream, #fff5e0) !important;
	border-color: var(--atm-color-primary) !important;
}

.atm-brand--cultured-dairy.page-id-252 #about-shop-cta .atm-button--ghost,
.atm-brand--cultured-dairy.page-id-252 #about-shop-cta.atm-style--accent .atm-button--ghost,
.atm-brand--cultured-dairy.page-id-252 #about-shop-cta.atm-style--accent .atm-button--secondary {
	background: var(--atm-color-cream, #fff5e0) !important;
	color: var(--atm-color-primary) !important;
	border: 2px solid var(--atm-color-primary) !important;
}

.atm-brand--cultured-dairy.page-id-252 #about-shop-cta .atm-button--ghost:hover,
.atm-brand--cultured-dairy.page-id-252 #about-shop-cta.atm-style--accent .atm-button--ghost:hover,
.atm-brand--cultured-dairy.page-id-252 #about-shop-cta.atm-style--accent .atm-button--secondary:hover {
	background: var(--atm-color-primary) !important;
	color: var(--atm-color-cream, #fff5e0) !important;
	border-color: var(--atm-color-primary) !important;
}

.atm-brand--cultured-dairy.page-id-252 #about-shop-cta .atm-button.atm-button--blob:hover,
.atm-brand--cultured-dairy.page-id-252 #about-shop-cta .atm-button.atm-button--blob:focus-visible {
	background: var(--atm-blob-rest-bg) !important;
	background-color: var(--atm-blob-rest-bg) !important;
	color: var(--atm-blob-text-hover) !important;
	border-color: var(--atm-blob-border) !important;
}

/* Contact modal — denser layout; Send button always pinned in view. */
body.atm-cultured-modal-open {
	overflow: hidden;
}

.atm-cultured-modal[hidden] {
	display: none !important;
}

.atm-cultured-modal {
	position: fixed;
	inset: 0;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
}

.atm-cultured-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 24, 41, 0.62);
	backdrop-filter: blur(2px);
}

.atm-cultured-modal__dialog {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	width: min(34rem, 100%);
	max-height: min(92vh, 42rem);
	overflow: hidden;
	background: var(--atm-color-surface, #fff5e0);
	border: 3px solid var(--atm-color-primary);
	box-shadow: 10px 10px 0 var(--atm-color-accent);
	padding: 1.35rem 1.4rem 1.1rem;
}

.atm-cultured-modal__close {
	position: absolute;
	top: 0.55rem;
	right: 0.65rem;
	border: 0;
	background: transparent;
	color: var(--atm-color-primary);
	font-size: 1.85rem;
	line-height: 1;
	cursor: pointer;
	padding: 0.15rem 0.4rem;
	z-index: 2;
}

.atm-cultured-modal__title {
	font-family: var(--atm-font-heading);
	font-size: clamp(1.55rem, 3.8vw, 2.1rem);
	text-transform: uppercase;
	line-height: 0.95;
	color: var(--atm-color-primary);
	margin: 0 2.25rem 0.45rem 0;
	flex: 0 0 auto;
}

.atm-cultured-modal__intro {
	margin: 0 0 1rem;
	font-size: 0.95rem;
	line-height: 1.45;
	font-weight: 600;
	color: var(--atm-color-text-muted);
	flex: 0 0 auto;
}

.atm-cultured-modal__honeypot {
	position: absolute;
	left: -9999px;
	opacity: 0;
	height: 0;
	overflow: hidden;
}

.atm-cultured-modal__form {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
	flex: 1 1 auto;
	min-height: 0;
}

.atm-cultured-modal__fields {
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto;
	padding-right: 0.15rem;
}

.atm-cultured-modal__field {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--atm-color-primary);
}

.atm-cultured-modal__field--half {
	min-width: 0;
}

.atm-cultured-modal__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.85rem;
}

@media (max-width: 420px) {
	.atm-cultured-modal__row {
		grid-template-columns: 1fr;
	}
}

.atm-cultured-modal__field input,
.atm-cultured-modal__field select,
.atm-cultured-modal__field textarea {
	font-family: var(--atm-font-body);
	font-size: 1rem;
	font-weight: 600;
	text-transform: none;
	letter-spacing: normal;
	color: var(--atm-color-primary);
	background: #fff;
	border: 2px solid var(--atm-color-primary);
	border-radius: 0;
	padding: 0.65rem 0.85rem;
	width: 100%;
	line-height: 1.35;
	min-height: 2.75rem;
	box-sizing: border-box;
}

.atm-cultured-modal__field textarea {
	resize: vertical;
	min-height: 6rem;
	max-height: 10rem;
	height: 6rem;
}

.atm-cultured-modal__actions {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	margin-top: 0.35rem;
	padding-top: 0.85rem;
	background: var(--atm-color-surface, #fff5e0);
	border-top: 1px solid color-mix(in srgb, var(--atm-color-primary) 16%, transparent);
	position: relative;
	z-index: 2;
}

.atm-cultured-modal__status {
	min-height: 0;
	margin: 0;
	font-size: 0.9rem;
	font-weight: 600;
}

.atm-cultured-modal__status:empty {
	display: none;
}

.atm-cultured-modal__status.is-success {
	color: #1f6b3a;
}

.atm-cultured-modal__status.is-error {
	color: #b42318;
}

.atm-cultured-modal__submit {
	align-self: stretch;
	width: 100%;
	flex: 0 0 auto;
}

/* Keep Send compact enough to stay pinned, without the huge hero blob sizing. */
.atm-brand--cultured-dairy .atm-cultured-modal .atm-button,
.atm-brand--cultured-dairy .atm-cultured-modal .atm-cultured-modal__submit,
.atm-brand--cultured-dairy .atm-cultured-modal .atm-cultured-modal__submit.atm-button--blob {
	font-family: var(--atm-font-body) !important;
	font-weight: 700 !important;
	font-size: 0.95rem !important;
	letter-spacing: 0.04em;
	line-height: 1.2 !important;
	min-height: 3rem !important;
	height: auto !important;
	padding: 0.8rem 1.6rem !important;
	border-radius: 999px !important;
	text-transform: uppercase;
	box-shadow: none !important;
	overflow: hidden !important;
}

.atm-brand--cultured-dairy .atm-cultured-modal__submit.atm-button--blob {
	--atm-blob-rest-bg: var(--atm-color-primary);
	--atm-blob-rest-color: var(--atm-color-cream, #fff5e0);
	--atm-blob-border: var(--atm-color-primary);
	--atm-blob-fill: var(--atm-color-cream, #fff5e0);
	--atm-blob-text-hover: var(--atm-color-primary);
	--atm-blob-face: var(--atm-color-primary);
}

/* -------------------------------------------------------------------------- */
/* Cultured Dairy — Coles store finder side drawer                            */
/* -------------------------------------------------------------------------- */

body.atm-cultured-drawer-open {
	overflow: hidden;
}

.atm-cultured-drawer[hidden] {
	display: none !important;
}

.atm-cultured-drawer {
	position: fixed;
	inset: 0;
	z-index: 1000;
}

.atm-cultured-drawer__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 24, 41, 0.45);
}

.atm-cultured-drawer__panel {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: min(28rem, 100%);
	max-width: 100vw;
	box-sizing: border-box;
	background: var(--atm-color-cream, #fff5e0);
	color: var(--atm-color-primary);
	box-shadow: -12px 0 40px rgba(15, 24, 41, 0.22);
	padding: 1.5rem 1.35rem 2rem;
	overflow-x: hidden;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.atm-cultured-drawer__close {
	position: absolute;
	top: 0.65rem;
	right: 0.65rem;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	height: 2.75rem;
	min-width: 2.75rem;
	min-height: 2.75rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 999px;
	background: color-mix(in srgb, var(--atm-color-primary) 8%, transparent);
	color: var(--atm-color-primary);
	font-size: 1.65rem;
	line-height: 1;
	cursor: pointer;
}

.atm-cultured-drawer__close span {
	display: block;
	pointer-events: none;
	transform: translateY(-0.05em);
}

.atm-cultured-drawer__close:hover {
	background: color-mix(in srgb, var(--atm-color-primary) 14%, transparent);
}

.atm-cultured-drawer__close:focus-visible {
	outline: 2px solid var(--atm-color-highlight, #f26b21);
	outline-offset: 2px;
}

.atm-cultured-drawer__header {
	padding-right: 2.75rem;
}

.atm-cultured-drawer__eyebrow {
	margin: 0;
	font-family: var(--atm-font-body);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	opacity: 0.85;
}

.atm-cultured-drawer__title {
	margin: 0.25rem 0 0;
	font-family: var(--atm-font-heading);
	font-size: clamp(1.75rem, 4vw, 2.35rem);
	line-height: 0.95;
	letter-spacing: -0.03em;
	text-transform: uppercase;
}

.atm-cultured-drawer__intro {
	margin: 0.5rem 0 0;
	font-family: var(--atm-font-body);
	font-size: 0.95rem;
	line-height: 1.45;
	font-weight: 600;
}

.atm-cultured-drawer__form {
	margin: 0;
}

.atm-cultured-drawer__field {
	display: flex;
	flex-wrap: wrap;
	gap: 0.65rem;
	align-items: stretch;
}

.atm-cultured-drawer__input {
	flex: 1 1 9rem;
	min-width: 0;
	font-family: var(--atm-font-body);
	font-size: 1rem;
	font-weight: 600;
	color: var(--atm-color-primary);
	background: #fff;
	border: 2px solid var(--atm-color-primary);
	border-radius: 999px;
	padding: 0.75rem 1.1rem;
}

.atm-cultured-drawer__input:focus-visible {
	outline: 2px solid var(--atm-color-highlight, #f26b21);
	outline-offset: 2px;
}

.atm-cultured-drawer__submit {
	flex: 0 0 auto;
	min-height: 3rem !important;
	padding: 0.75rem 1.35rem !important;
	font-size: 0.9rem !important;
	border-radius: 999px;
}

.atm-brand--cultured-dairy .atm-cultured-drawer__submit.atm-button--blob {
	--atm-blob-rest-bg: var(--atm-color-primary);
	--atm-blob-rest-color: var(--atm-color-cream, #fff5e0);
	--atm-blob-border: var(--atm-color-primary);
	--atm-blob-fill: var(--atm-color-cream, #fff5e0);
	--atm-blob-text-hover: var(--atm-color-primary);
	--atm-blob-face: var(--atm-color-primary);
}

.atm-cultured-drawer__status {
	min-height: 1.25rem;
	margin: 0;
	font-family: var(--atm-font-body);
	font-size: 0.9rem;
	font-weight: 600;
}

.atm-cultured-drawer__status.is-error,
.atm-cultured-drawer__status.is-empty {
	color: #b42318;
}

.atm-cultured-drawer__status.is-loading {
	color: var(--atm-color-primary);
	opacity: 0.8;
}

.atm-cultured-drawer__results-title {
	margin: 0 0 0.75rem;
	font-family: var(--atm-font-body);
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.atm-cultured-drawer__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
}

.atm-cultured-drawer__store {
	background: #fff;
	border: 2px solid color-mix(in srgb, var(--atm-color-primary) 18%, transparent);
	border-radius: 1rem;
	padding: 0.95rem 1rem;
}

.atm-cultured-drawer__store-name {
	margin: 0;
	font-family: var(--atm-font-body);
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--atm-color-primary);
	overflow-wrap: anywhere;
}

.atm-cultured-drawer__store-meta,
.atm-cultured-drawer__store-address,
.atm-cultured-drawer__store-contact,
.atm-cultured-drawer__store-products {
	margin: 0.3rem 0 0;
	font-family: var(--atm-font-body);
	font-size: 0.9rem;
	line-height: 1.4;
	font-weight: 600;
	color: color-mix(in srgb, var(--atm-color-primary) 82%, #000 18%);
	overflow-wrap: anywhere;
}

.atm-cultured-drawer__store-products {
	font-weight: 700;
	color: var(--atm-color-primary);
}

@media (prefers-reduced-motion: no-preference) {
	.atm-cultured-drawer__panel {
		animation: atm-cultured-drawer-in 0.28s ease;
	}
}

@keyframes atm-cultured-drawer-in {
	from {
		transform: translateX(1.25rem);
		opacity: 0.4;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

/* ------------------------------------------------------------------ */
/* Product range (/products/) — dual-SKU stage                         */
/* ------------------------------------------------------------------ */

.atm-brand--cultured-dairy .atm-product-range.atm-style--accent {
	background: var(--atm-color-background);
}

/* Dual stage: tight bottom rhythm; top clearance comes from transparent-nav first-stage rule. */
.atm-brand--cultured-dairy #products-range-stage.atm-product-range,
.atm-brand--cultured-dairy #products-range-stage.atm-product-range.atm-spacing--spacious,
.atm-brand--cultured-dairy #products-range-stage.atm-product-range.atm-spacing--standard {
	padding-bottom: clamp(1.15rem, 2.4vw, 1.85rem) !important;
}

.atm-brand--cultured-dairy #products-range-stage .atm-product-range__inner {
	gap: 0;
}

.atm-brand--cultured-dairy #products-range-stage .atm-product-range__panel {
	gap: clamp(0.4rem, 0.9vw, 0.6rem);
	padding-block: clamp(0.35rem, 0.9vw, 0.65rem) clamp(0.65rem, 1.4vw, 1rem);
}

.atm-brand--cultured-dairy #products-range-stage .atm-product-range__title {
	/* Product name sits tight above the pack (eyebrow → stage). */
	margin: 0;
	line-height: 0.9;
	font-size: clamp(1.4rem, 2.4vw, 2rem);
}

.atm-brand--cultured-dairy #products-range-stage .atm-product-range__stage {
	width: min(100%, 23.5rem);
	aspect-ratio: 1 / 0.86;
}

.atm-brand--cultured-dairy #products-range-stage .atm-product-range__pack {
	width: 84%;
	max-width: 18.75rem;
	margin-bottom: 3.75%;
}

.atm-brand--cultured-dairy #products-range-stage .atm-product-range__pad {
	bottom: 15px;
	width: 74%;
	height: 14%;
	transform: translateX(-50%) perspective(11rem) rotateX(76deg);
}

.atm-brand--cultured-dairy #products-range-stage a.atm-product-range__panel:hover .atm-product-range__pad,
.atm-brand--cultured-dairy #products-range-stage a.atm-product-range__panel:focus-visible .atm-product-range__pad {
	transform: translateX(-50%) perspective(11rem) rotateX(76deg) scale(0.94);
}

.atm-brand--cultured-dairy #products-range-stage .atm-product-range__summary {
	min-height: calc(1.32em * 3);
	line-height: 1.32;
	font-size: clamp(0.88rem, 1.1vw, 1rem);
}

.atm-brand--cultured-dairy .atm-product-range__section-title,
.atm-brand--cultured-dairy .atm-product-range__title {
	font-family: var(--atm-font-heading);
	font-weight: 800;
	font-stretch: normal;
	color: var(--atm-color-primary, #183c51);
	text-decoration: none;
}

.atm-brand--cultured-dairy .atm-product-range__section-intro,
.atm-brand--cultured-dairy .atm-product-range__summary {
	font-family: var(--atm-font-body);
	font-weight: 600;
	color: var(--atm-color-primary, #183c51);
	text-decoration: none;
}

.atm-brand--cultured-dairy a.atm-product-range__panel,
.atm-brand--cultured-dairy a.atm-product-range__panel:hover,
.atm-brand--cultured-dairy a.atm-product-range__panel:focus,
.atm-brand--cultured-dairy a.atm-product-range__panel:focus-visible,
.atm-brand--cultured-dairy .atm-style--accent a.atm-product-range__panel {
	text-decoration: none;
	color: inherit;
}

.atm-brand--cultured-dairy a.atm-product-range__panel * {
	text-decoration: none;
}

/* Resting: navy pill; hover invert to cream (pack still lifts). */
.atm-brand--cultured-dairy .atm-product-range.atm-style--accent .atm-product-range__cta.atm-button--primary {
	font-family: var(--atm-font-body);
	font-weight: 700;
	border-radius: 999px;
	background: var(--atm-color-primary, #183c51);
	color: var(--atm-color-cream, #fff8e8);
	border: 3px solid var(--atm-color-primary, #183c51);
	padding: 0.7rem 1.55rem;
	min-height: 0;
	font-size: clamp(0.9rem, 1.25vw, 1.05rem);
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

.atm-brand--cultured-dairy a.atm-product-range__panel:hover .atm-product-range__cta.atm-button--primary,
.atm-brand--cultured-dairy a.atm-product-range__panel:focus-visible .atm-product-range__cta.atm-button--primary,
.atm-brand--cultured-dairy .atm-product-range.atm-style--accent a.atm-product-range__panel:hover .atm-button--primary {
	background: var(--atm-color-cream, #fff8e8);
	color: var(--atm-color-primary, #183c51);
	border-color: var(--atm-color-primary, #183c51);
}

/*
 * Thin lined quote band between dual stage and recipe favourites —
 * same pinstripe language as homepage CTA, compact one-liner.
 */
.atm-brand--cultured-dairy #products-quote.atm-cta.atm-pattern--vertical-stripes,
.atm-brand--cultured-dairy #products-quote.atm-cta.atm-pattern--vertical-stripes.atm-spacing--compact,
.atm-brand--cultured-dairy #products-quote.atm-cta.atm-pattern--vertical-stripes.atm-spacing--standard,
.atm-brand--cultured-dairy #products-quote.atm-cta.atm-pattern--vertical-stripes.atm-spacing--spacious {
	min-height: clamp(4.25rem, 8vw, 5.75rem);
	padding-block: clamp(1rem, 2vw, 1.5rem) !important;
	overflow: hidden;
	z-index: 2;
}

.atm-brand--cultured-dairy #products-quote.atm-cta.atm-pattern--vertical-stripes .atm-cta__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-block: 0;
	min-height: inherit;
	height: 100%;
	gap: 0;
	text-align: center;
}

.atm-brand--cultured-dairy #products-quote.atm-cta.atm-pattern--vertical-stripes .atm-cta__title {
	position: static;
	left: auto;
	right: auto;
	bottom: auto;
	transform: none;
	width: auto;
	max-width: 48rem;
	margin: 0;
	padding-block: 0;
	padding-inline: var(--atm-container-padding, 1.25rem);
	font-family: var(--atm-font-heading);
	font-size: clamp(1.35rem, 3.2vw, 2.25rem);
	font-weight: 800;
	font-stretch: normal;
	letter-spacing: var(--atm-track-quote, 0.01em);
	line-height: 1.15;
	color: var(--atm-color-cream, #fff8e8);
	text-align: center;
	text-shadow: none;
	white-space: normal;
	text-transform: none;
	pointer-events: auto;
}

.atm-brand--cultured-dairy #products-quote.atm-cta.atm-pattern--vertical-stripes .atm-cta__body {
	display: none;
}

@keyframes atm-pdp-pack-float {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-0.85rem);
	}
}

@media (prefers-reduced-motion: reduce) {
	.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__image,
	.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__image,
	.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right img.atm-hero__image,
	.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right img.atm-hero__image {
		animation: none !important;
	}
}

/* Recipe favourites under the dual stage — soft cream; social-feed unit height. */
.atm-brand--cultured-dairy #products-recipes-perfect-melt,
.atm-brand--cultured-dairy #products-recipes-mexi-shred {
	background: var(--atm-color-surface, #fff8e8);
}

.atm-brand--cultured-dairy #products-recipes-perfect-melt .atm-section-header__title,
.atm-brand--cultured-dairy #products-recipes-mexi-shred .atm-section-header__title {
	font-family: var(--atm-font-heading);
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	color: var(--atm-color-primary, #183c51);
}

/* Keep /products/ recipe cards on the short social-feed media unit (not tall card-grid). */
.atm-brand--cultured-dairy #products-recipes-perfect-melt .atm-recipes__media,
.atm-brand--cultured-dairy #products-recipes-mexi-shred .atm-recipes__media {
	aspect-ratio: auto;
	height: clamp(12.5rem, 15.5vw, 14.5rem);
}

@media (max-width: 900px) {
	.atm-brand--cultured-dairy #products-recipes-perfect-melt .atm-recipes__media,
	.atm-brand--cultured-dairy #products-recipes-mexi-shred .atm-recipes__media {
		aspect-ratio: 4 / 3;
		height: auto;
	}
}

/*
 * Blob hover — global last-wins: keep rest face; never snap a solid fill on entry
 * (that hid the beige→navy wipe and only showed the exit).
 */
.atm-brand--cultured-dairy .atm-button.atm-button--blob:hover,
.atm-brand--cultured-dairy .atm-button.atm-button--blob:focus-visible,
.atm-brand--cultured-dairy a.atm-product-range__panel:hover .atm-product-range__cta.atm-button--blob,
.atm-brand--cultured-dairy a.atm-product-range__panel:focus-visible .atm-product-range__cta.atm-button--blob {
	background: var(--atm-blob-rest-bg) !important;
	background-color: var(--atm-blob-rest-bg) !important;
	color: var(--atm-blob-text-hover) !important;
	border-color: var(--atm-blob-border) !important;
	filter: none;
}

.atm-brand--cultured-dairy .atm-button--secondary.atm-button--blob:hover,
.atm-brand--cultured-dairy .atm-button--secondary.atm-button--blob:focus-visible,
.atm-brand--cultured-dairy .atm-button--ghost.atm-button--blob:hover,
.atm-brand--cultured-dairy .atm-button--ghost.atm-button--blob:focus-visible {
	background: transparent !important;
	background-color: transparent !important;
}

.atm-brand--cultured-dairy a.atm-product-range__panel:hover .atm-product-range__cta.atm-button--blob .atm-button__blob,
.atm-brand--cultured-dairy a.atm-product-range__panel:focus-visible .atm-product-range__cta.atm-button--blob .atm-button__blob {
	transform: translate3d(0, 0, 0) scale(1.7);
}

@supports (filter: url("#atm-blob-goo")) {
	.atm-brand--cultured-dairy a.atm-product-range__panel:hover .atm-product-range__cta.atm-button--blob .atm-button__blob,
	.atm-brand--cultured-dairy a.atm-product-range__panel:focus-visible .atm-product-range__cta.atm-button--blob .atm-button__blob {
		transform: translate3d(0, 0, 0) scale(1.4);
	}
}

/*
 * FAQ page — mirror About chapter hero (explicit selectors; never splice #faq-hero mid-chain).
 * White FAQ panels on beige canvas below the hero.
 */
.atm-brand--cultured-dairy #faq-hero.atm-hero--split-image-right .atm-hero__media,
.atm-brand--cultured-dairy #faq-hero.atm-hero--split-image-right .atm-hero__title,
.atm-brand--cultured-dairy #faq-hero.atm-hero--split-image-right .atm-hero__intro,
.atm-brand--cultured-dairy #faq-hero .atm-hero__intro-column {
	text-align: left;
}

.atm-brand--cultured-dairy #faq-hero.atm-hero--split-image-right .atm-hero__media {
	overflow: visible;
	isolation: isolate;
	min-height: clamp(14rem, 34vh, 22rem);
}

.atm-brand--cultured-dairy #faq-hero.atm-hero--split-image-right .atm-hero__image,
.atm-brand--cultured-dairy #faq-hero.atm-hero--split-image-right img.atm-hero__image {
	max-width: min(78vw, 58rem);
	min-width: clamp(16rem, 48vw, 28rem);
	min-height: clamp(13rem, 36vh, 22rem);
	-webkit-mask-image: none;
	mask-image: none;
	filter: drop-shadow(0 14px 28px rgba(15, 24, 41, 0.18));
	object-fit: contain;
	object-position: right bottom;
}

.atm-brand--cultured-dairy #faq-hero.atm-hero--split-image-right .atm-hero__intro,
.atm-brand--cultured-dairy #faq-hero .atm-hero__intro-column {
	max-width: 36.4rem;
	font-size: clamp(0.95rem, 1.55vw, 1.25rem);
	font-weight: 600;
	line-height: 1.4;
	max-width: 28rem;
}

.atm-brand--cultured-dairy #faq-hero.atm-hero--split-image-right .atm-hero__title {
	font-size: clamp(2.35rem, 5.4vw, 4.5rem);
	max-width: none;
	width: max-content;
	white-space: nowrap;
	margin-bottom: clamp(0.5rem, 1.5vw, 1rem);
}

@media (min-width: 768px) {
	.atm-brand--cultured-dairy #faq-hero.atm-hero--split-image-right.atm-block > .atm-hero__inner.atm-container,
	.atm-brand--cultured-dairy #faq-hero.atm-hero--split-image-right .atm-hero__inner {
		align-items: center;
		min-height: clamp(20rem, 42vh, 28rem);
		padding-top: clamp(1.75rem, 4vh, 3rem);
		padding-bottom: clamp(1.25rem, 3vh, 2.25rem);
	}

	.atm-brand--cultured-dairy #faq-hero.atm-hero--split-image-right .atm-hero__content {
		max-width: min(36.4rem, 100%);
		justify-content: flex-start;
		align-self: start;
		padding-top: 0;
		padding-bottom: 0;
	}
}

.atm-brand--cultured-dairy.page-slug-faq .atm-main,
.atm-brand--cultured-dairy.page-id-487 .atm-main {
	background: var(--atm-color-background, #f2e7d9);
}

/*
 * FAQ chapters — white + beige bands on canvas.
 * Global .atm-style--soft + .atm-style--soft zeros padding-top; restore asymmetric
 * rhythm here: generous top, tighter bottom on every chapter.
 */
.atm-brand--cultured-dairy.page-slug-faq .atm-main .atm-faq.atm-style--soft,
.atm-brand--cultured-dairy.page-id-487 .atm-main .atm-faq.atm-style--soft {
	padding-top: clamp(2.75rem, 5.5vw, 4.5rem);
	padding-bottom: clamp(1.25rem, 2.5vw, 2rem);
}

.atm-brand--cultured-dairy.page-slug-faq .atm-main .atm-style--soft + .atm-style--soft.atm-faq,
.atm-brand--cultured-dairy.page-id-487 .atm-main .atm-style--soft + .atm-style--soft.atm-faq {
	padding-top: clamp(2.75rem, 5.5vw, 4.5rem);
}

/* White accordion chapters — even slots after hero (About, Perfect Melt, Recipes, Contact). */
.atm-brand--cultured-dairy.page-id-487 .atm-page__content > .atm-faq.atm-style--soft:nth-child(even),
.atm-brand--cultured-dairy.page-slug-faq .atm-page__content > .atm-faq.atm-style--soft:nth-child(even) {
	background-color: var(--atm-color-surface, #ffffff);
	color: var(--atm-color-primary);
	border-top: 1px solid rgba(0, 38, 100, 0.1);
}

/* Beige chapters — odd slots (Where To Buy, Mexi Shred, Storage). */
.atm-brand--cultured-dairy.page-id-487 .atm-page__content > .atm-faq.atm-style--soft:nth-child(odd),
.atm-brand--cultured-dairy.page-slug-faq .atm-page__content > .atm-faq.atm-style--soft:nth-child(odd) {
	background-color: transparent;
	border-top: 0;
}

/* First FAQ band sits directly under hero — no top hairline. */
.atm-brand--cultured-dairy.page-id-487 .atm-page__content > .atm-faq.atm-style--soft:nth-child(2),
.atm-brand--cultured-dairy.page-slug-faq .atm-page__content > .atm-faq.atm-style--soft:nth-child(2) {
	border-top: 0;
}

.atm-brand--cultured-dairy.page-id-487 .atm-main #faq-contact.atm-faq.atm-style--soft,
.atm-brand--cultured-dairy.page-slug-faq .atm-main #faq-contact.atm-faq.atm-style--soft {
	padding-bottom: clamp(2rem, 4vw, 3rem);
}

.atm-brand--cultured-dairy.page-id-487 .atm-main :is(
	#faq-about,
	#faq-where-to-buy,
	#faq-perfect-melt,
	#faq-mexi-shred,
	#faq-recipes,
	#faq-storage,
	#faq-contact
).atm-faq .atm-section-header {
	text-align: left;
	margin-bottom: clamp(1rem, 2vw, 1.5rem);
}

.atm-brand--cultured-dairy .atm-main :is(
	#faq-about,
	#faq-where-to-buy,
	#faq-perfect-melt,
	#faq-mexi-shred,
	#faq-recipes,
	#faq-storage,
	#faq-contact
).atm-faq .atm-section-header__title {
	font-family: var(--atm-font-heading);
	text-transform: uppercase;
	font-size: clamp(1.75rem, 3.5vw, 2.75rem);
	line-height: 0.98;
	color: var(--atm-color-primary);
}

.atm-brand--cultured-dairy .atm-main :is(
	#faq-about,
	#faq-where-to-buy,
	#faq-perfect-melt,
	#faq-mexi-shred,
	#faq-recipes,
	#faq-storage,
	#faq-contact
).atm-faq .atm-faq__list {
	max-width: 52rem;
}

.atm-brand--cultured-dairy #faq-cta.atm-cta.atm-style--soft.atm-spacing--spacious {
	padding-top: clamp(3.5rem, 7vw, 5.5rem);
	padding-bottom: clamp(2.5rem, 5vw, 4rem);
}

.atm-brand--cultured-dairy #faq-cta.atm-cta--split .atm-cta__inner,
.atm-brand--cultured-dairy #faq-cta .atm-cta__buttons {
	text-align: left;
	justify-content: flex-start;
}

/* GO LIVE mock: home hero as full-bleed overlay (Kellie banner has dark left). */
.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed {
	background: #0c1220 !important;
	color: var(--atm-color-cream, #f6efe4);
}

.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__image,
.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed img.atm-hero__image {
	opacity: 1;
	object-fit: cover;
	object-position: center right;
	min-height: 100%;
}

.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__inner::before {
	background: none;
}

.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__inner {
	align-items: center;
	justify-items: stretch;
	padding-inline: 0;
	padding-top: var(--atm-header-content-clearance, calc(var(--atm-header-offset) + 1.75rem));
	padding-bottom: clamp(2.5rem, 6vh, 4.5rem);
}

/* Match header logo + page blocks: centered wide container + gutter padding. */
.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__content {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--atm-wide-width, 1200px);
	margin-inline: auto;
	padding-inline: var(--atm-container-padding);
	text-align: left;
	color: var(--atm-color-cream, #f6efe4);
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.4);
}

.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed :is(
	.atm-hero__title,
	.atm-hero__intro,
	.atm-hero__intro p,
	.atm-eyebrow
) {
	color: var(--atm-color-cream, #f6efe4);
}

.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__title {
	font-size: var(--atm-fs-display, clamp(3.5rem, 9.75vw, 8.75rem));
	font-weight: 700;
	font-stretch: normal;
	text-transform: uppercase;
	letter-spacing: var(--atm-track-display);
	line-height: 0.84;
	max-width: 11ch;
	margin: 0 0 clamp(0.75rem, 2vw, 1.5rem);
	text-align: left;
}

.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__title .atm-drip-word {
	justify-content: flex-start;
}

/* Original stack: title → three lines → CTA, all flush left (beat platform row + accent bar). */
.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__actions {
	display: flex !important;
	flex-direction: column !important;
	flex-wrap: nowrap !important;
	align-items: flex-start !important;
	gap: clamp(1.25rem, 2.5vw, 2rem);
	margin-top: 0;
	width: auto;
	max-width: 100%;
}

.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__intro-column {
	order: -1;
	flex: 0 0 auto !important;
	width: auto;
	max-width: 28rem;
	border-left: 0 !important;
	padding: 0 !important;
	align-self: flex-start !important;
}

.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__intro,
.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__intro-column .atm-hero__intro {
	font-size: clamp(1.25rem, 2.4vw, 2.1875rem);
	font-weight: 700;
	line-height: 1.38;
	max-width: 28rem;
	margin: 0;
	text-align: left;
	color: var(--atm-color-cream, #f6efe4);
}

.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__intro p {
	white-space: pre-line;
	margin: 0;
	text-align: left;
}

.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__buttons {
	flex: 0 0 auto !important;
	flex-direction: row;
	align-self: flex-start !important;
	margin: 0;
	min-width: 0;
}

/* Original split-hero CTA scale: wide Avory pill, label ~same size as the three lines. */
.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__buttons .atm-button,
.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-button--primary,
.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-button.atm-button--blob {
	--atm-blob-rest-bg: var(--atm-color-primary);
	--atm-blob-rest-color: var(--atm-color-cream, #fff5e0);
	--atm-blob-border: var(--atm-color-primary);
	--atm-blob-fill: var(--atm-color-primary-dark, #0f1829);
	--atm-blob-text-hover: var(--atm-color-cream, #fff5e0);
	--atm-blob-face: var(--atm-color-primary);
	min-width: 18.5rem;
	min-height: 6.5rem;
	padding: 1.6rem 3.4rem !important;
	font-family: "Avory I PE", var(--atm-font-heading), Impact, sans-serif !important;
	font-size: clamp(1.5rem, 2.5vw, 2.25rem) !important;
	font-weight: 900;
	letter-spacing: -0.02em;
	line-height: 1;
	text-transform: uppercase;
	background: var(--atm-color-primary);
	background-color: var(--atm-color-primary);
	color: var(--atm-color-cream, var(--atm-color-white));
	border-color: var(--atm-color-primary);
	border-width: 3px;
	box-shadow: 0 10px 28px rgba(15, 24, 41, 0.18);
}

.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-button--primary:hover,
.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-button.atm-button--blob:hover {
	background: var(--atm-color-primary-dark, #0f1829);
	background-color: var(--atm-color-primary-dark, #0f1829);
	color: var(--atm-color-cream, var(--atm-color-white));
	border-color: var(--atm-color-primary-dark, #0f1829);
}

/*
 * Overlay heroes (home + recipes + PDPs): cream nav until scroll so links
 * don't disappear into navy / yellow / busy food. Soft top scrim as backup.
 * Body uses page-id-* (page-builder template); slug classes kept as fallback.
 */
.atm-brand--cultured-dairy.home .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact)::before,
.atm-brand--cultured-dairy.page-id-169 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact)::before,
.atm-brand--cultured-dairy.page-id-127 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact)::before,
.atm-brand--cultured-dairy.page-id-128 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact)::before,
.atm-brand--cultured-dairy.page-recipes .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact)::before,
.atm-brand--cultured-dairy.page-perfect-melt .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact)::before,
.atm-brand--cultured-dairy.page-mexi-shred .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact)::before {
	content: "";
	position: absolute;
	/* Nav-band only — ~40% shorter than full-header wash. */
	inset: 0 0 auto 0;
	height: 58%;
	max-height: 4.75rem;
	z-index: 0;
	pointer-events: none;
	background: linear-gradient(
		180deg,
		rgba(8, 12, 20, 0.68) 0%,
		rgba(8, 12, 20, 0.28) 58%,
		transparent 100%
	);
}

.atm-brand--cultured-dairy.home .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-site-header__inner,
.atm-brand--cultured-dairy.page-id-169 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-site-header__inner,
.atm-brand--cultured-dairy.page-id-127 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-site-header__inner,
.atm-brand--cultured-dairy.page-id-128 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-site-header__inner,
.atm-brand--cultured-dairy.page-recipes .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-site-header__inner,
.atm-brand--cultured-dairy.page-perfect-melt .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-site-header__inner,
.atm-brand--cultured-dairy.page-mexi-shred .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-site-header__inner {
	position: relative;
	z-index: 1;
}

.atm-brand--cultured-dairy.home .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a,
.atm-brand--cultured-dairy.page-id-169 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a,
.atm-brand--cultured-dairy.page-id-127 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a,
.atm-brand--cultured-dairy.page-id-128 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a,
.atm-brand--cultured-dairy.page-recipes .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a,
.atm-brand--cultured-dairy.page-perfect-melt .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a,
.atm-brand--cultured-dairy.page-mexi-shred .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a {
	color: var(--atm-color-cream, #f6efe4);
	text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
}

.atm-brand--cultured-dairy.home .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a:hover,
.atm-brand--cultured-dairy.home .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a:focus-visible,
.atm-brand--cultured-dairy.page-id-169 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a:hover,
.atm-brand--cultured-dairy.page-id-169 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a:focus-visible,
.atm-brand--cultured-dairy.page-id-127 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a:hover,
.atm-brand--cultured-dairy.page-id-127 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a:focus-visible,
.atm-brand--cultured-dairy.page-id-128 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a:hover,
.atm-brand--cultured-dairy.page-id-128 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a:focus-visible,
.atm-brand--cultured-dairy.page-recipes .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a:hover,
.atm-brand--cultured-dairy.page-recipes .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a:focus-visible,
.atm-brand--cultured-dairy.page-perfect-melt .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a:hover,
.atm-brand--cultured-dairy.page-perfect-melt .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a:focus-visible,
.atm-brand--cultured-dairy.page-mexi-shred .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a:hover,
.atm-brand--cultured-dairy.page-mexi-shred .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a:focus-visible {
	color: var(--atm-color-cream, #fff5e0);
}

.atm-brand--cultured-dairy.home .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a::before,
.atm-brand--cultured-dairy.page-id-169 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a::before,
.atm-brand--cultured-dairy.page-id-127 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a::before,
.atm-brand--cultured-dairy.page-id-128 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a::before,
.atm-brand--cultured-dairy.page-recipes .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a::before,
.atm-brand--cultured-dairy.page-perfect-melt .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a::before,
.atm-brand--cultured-dairy.page-mexi-shred .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__menu > li > a::before {
	background: var(--atm-color-cream, #f6efe4);
}

.atm-brand--cultured-dairy.home .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar,
.atm-brand--cultured-dairy.home .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar::before,
.atm-brand--cultured-dairy.home .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar::after,
.atm-brand--cultured-dairy.page-id-169 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar,
.atm-brand--cultured-dairy.page-id-169 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar::before,
.atm-brand--cultured-dairy.page-id-169 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar::after,
.atm-brand--cultured-dairy.page-id-127 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar,
.atm-brand--cultured-dairy.page-id-127 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar::before,
.atm-brand--cultured-dairy.page-id-127 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar::after,
.atm-brand--cultured-dairy.page-id-128 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar,
.atm-brand--cultured-dairy.page-id-128 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar::before,
.atm-brand--cultured-dairy.page-id-128 .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar::after,
.atm-brand--cultured-dairy.page-recipes .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar,
.atm-brand--cultured-dairy.page-recipes .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar::before,
.atm-brand--cultured-dairy.page-recipes .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar::after,
.atm-brand--cultured-dairy.page-perfect-melt .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar,
.atm-brand--cultured-dairy.page-perfect-melt .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar::before,
.atm-brand--cultured-dairy.page-perfect-melt .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar::after,
.atm-brand--cultured-dairy.page-mexi-shred .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar,
.atm-brand--cultured-dairy.page-mexi-shred .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar::before,
.atm-brand--cultured-dairy.page-mexi-shred .atm-site-header:not(.is-scrolled):not(.atm-site-header--compact) .atm-nav__toggle-bar::after {
	background: var(--atm-color-cream, #f6efe4);
}

/* Open menu X must beat overlay cream bars (same specificity class stack). */
.atm-brand--cultured-dairy .atm-site-header.is-menu-open .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar,
.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar,
.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar {
	background: transparent;
	height: 0;
}

.atm-brand--cultured-dairy .atm-site-header.is-menu-open .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar::before,
.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar::before,
.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar::before {
	top: 0;
	transform: translateX(-50%) rotate(45deg);
}

.atm-brand--cultured-dairy .atm-site-header.is-menu-open .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar::after,
.atm-brand--cultured-dairy .atm-site-header.is-scrolled .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar::after,
.atm-brand--cultured-dairy .atm-site-header.atm-site-header--compact .atm-nav__toggle[aria-expanded="true"] .atm-nav__toggle-bar::after {
	top: 0;
	transform: translateX(-50%) rotate(-45deg);
}

@media (max-width: 767px) {
	.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__inner::before {
		background: linear-gradient(
			180deg,
			rgba(8, 12, 20, 0.78) 0%,
			rgba(8, 12, 20, 0.28) 58%,
			rgba(8, 12, 20, 0.12) 100%
		);
	}

	.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__content {
		max-width: 100%;
		padding-inline: var(--atm-container-padding);
	}

	.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-hero__buttons .atm-button,
	.atm-brand--cultured-dairy #home-hero-sec-001.atm-hero--full-bleed .atm-button--primary {
		min-width: 0;
		min-height: 4.75rem;
		padding: 1.15rem 2.1rem !important;
		font-size: clamp(1.15rem, 5.5vw, 1.6rem) !important;
	}
}

/* Recipes + PDP heroes: food stills fill the media plane (no cutout mask). */
.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right .atm-hero__image,
.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right img.atm-hero__image,
.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__image,
.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right img.atm-hero__image,
.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__image,
.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right img.atm-hero__image {
	-webkit-mask-image: none;
	mask-image: none;
	max-width: none;
	min-width: 0;
	width: 100%;
	height: 100%;
	min-height: clamp(16rem, 42vh, 28rem);
	object-fit: cover;
	object-position: center center;
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--split-image-right .atm-hero__media,
.atm-brand--cultured-dairy #pm-hero.atm-hero--split-image-right .atm-hero__media,
.atm-brand--cultured-dairy #mx-hero.atm-hero--split-image-right .atm-hero__media {
	overflow: hidden;
	min-height: clamp(16rem, 42vh, 28rem);
}

/*
 * Chapter heroes (Recipes / PM / Mexi): full-bleed food banner + left opacity scrim
 * so titles stay readable. Cream type on a dark gradient (same family as home).
 */
.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed,
.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed,
.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed {
	overflow: hidden;
	background: #0c1220 !important;
	color: var(--atm-color-cream, #f6efe4) !important;
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed .atm-hero__inner,
.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed .atm-hero__inner,
.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed .atm-hero__inner {
	min-height: clamp(22rem, 52vh, 36rem);
	align-items: center;
	padding-top: var(--atm-header-content-clearance, calc(var(--atm-header-offset) + 1.75rem));
	padding-bottom: clamp(2rem, 5vh, 3.5rem);
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed .atm-hero__image,
.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed img.atm-hero__image,
.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed .atm-hero__image,
.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed img.atm-hero__image,
.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed .atm-hero__image,
.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed img.atm-hero__image {
	opacity: 1 !important;
	object-fit: cover;
	min-height: 100%;
	height: 100%;
	width: 100%;
	border-radius: 0;
	box-shadow: none;
	-webkit-mask-image: none;
	mask-image: none;
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed .atm-hero__image,
.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed img.atm-hero__image {
	object-position: 72% 55%;
}

.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed .atm-hero__image,
.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed img.atm-hero__image {
	object-position: 78% 48%;
}

.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed .atm-hero__image,
.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed img.atm-hero__image {
	object-position: 70% 42%;
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed .atm-hero__media,
.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed .atm-hero__media,
.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed .atm-hero__media {
	z-index: 0;
}

/* Left opacity scrim — sits ABOVE the photo, BELOW the copy. */
.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed .atm-hero__inner::before,
.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed .atm-hero__inner::before,
.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed .atm-hero__inner::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed .atm-hero__inner::before {
	background: linear-gradient(
		90deg,
		rgba(8, 12, 20, 0.94) 0%,
		rgba(8, 12, 20, 0.88) 28%,
		rgba(8, 12, 20, 0.62) 48%,
		rgba(8, 12, 20, 0.28) 68%,
		rgba(8, 12, 20, 0.06) 84%,
		transparent 100%
	);
}

.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed .atm-hero__inner::before {
	background: linear-gradient(
		90deg,
		rgba(12, 18, 32, 0.76) 0%,
		rgba(12, 18, 32, 0.72) 32%,
		rgba(12, 18, 32, 0.52) 48%,
		rgba(12, 18, 32, 0.22) 62%,
		rgba(12, 18, 32, 0.05) 76%,
		transparent 90%
	);
}

.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed .atm-hero__inner::before {
	background: linear-gradient(
		90deg,
		rgba(12, 18, 32, 0.76) 0%,
		rgba(12, 18, 32, 0.72) 32%,
		rgba(12, 18, 32, 0.52) 48%,
		rgba(12, 18, 32, 0.22) 62%,
		rgba(12, 18, 32, 0.05) 76%,
		transparent 90%
	);
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed .atm-hero__content,
.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed .atm-hero__content,
.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed .atm-hero__content {
	position: relative;
	z-index: 2;
	max-width: min(40rem, 52vw);
	color: var(--atm-color-cream, #f6efe4) !important;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.45);
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed :is(
	.atm-hero__title,
	.atm-hero__intro,
	.atm-hero__intro p,
	.atm-hero__intro strong,
	.atm-eyebrow,
	.atm-eyebrow__link,
	.atm-eyebrow__sep
),
.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed :is(
	.atm-hero__title,
	.atm-hero__intro,
	.atm-hero__intro p,
	.atm-hero__intro strong,
	.atm-eyebrow,
	.atm-eyebrow__link,
	.atm-eyebrow__sep
),
.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed :is(
	.atm-hero__title,
	.atm-hero__intro,
	.atm-hero__intro p,
	.atm-hero__intro strong,
	.atm-eyebrow,
	.atm-eyebrow__link,
	.atm-eyebrow__sep
),
.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed.atm-style--accent :is(
	h1, h2, h3, h4, h5, h6,
	.atm-hero__intro,
	.atm-muted,
	.atm-intro,
	.atm-eyebrow,
	a:not(.atm-button)
) {
	color: var(--atm-color-cream, #f6efe4) !important;
	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.4);
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed .atm-hero__title,
.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed .atm-hero__title,
.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed .atm-hero__title {
	font-size: clamp(2.75rem, 7vw, 5.5rem);
	margin-bottom: clamp(0.5rem, 1.25vw, 0.9rem);
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed .atm-hero__intro-column,
.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed .atm-hero__intro-column,
.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed .atm-hero__intro-column {
	border-left: 0 !important;
	padding-left: 0 !important;
	max-width: 36.4rem;
	align-self: flex-start;
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed .atm-hero__intro,
.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed .atm-hero__intro,
.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed .atm-hero__intro {
	font-size: clamp(0.95rem, 1.55vw, 1.25rem);
	font-weight: 600;
	line-height: 1.4;
	max-width: 28rem;
	color: var(--atm-color-cream, #f6efe4) !important;
}

.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed .atm-hero__actions,
.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed .atm-hero__actions,
.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed .atm-hero__actions {
	margin-top: 0.75rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.75rem;
}

@media (max-width: 767px) {
	.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed .atm-hero__content,
	.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed .atm-hero__content,
	.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed .atm-hero__content {
		max-width: 100%;
	}

	.atm-brand--cultured-dairy #recipes-hero.atm-hero--full-bleed .atm-hero__inner::before,
	.atm-brand--cultured-dairy #pm-hero.atm-hero--full-bleed .atm-hero__inner::before,
	.atm-brand--cultured-dairy #mx-hero.atm-hero--full-bleed .atm-hero__inner::before {
		background: linear-gradient(
			180deg,
			rgba(8, 12, 20, 0.7) 0%,
			rgba(8, 12, 20, 0.4) 48%,
			rgba(8, 12, 20, 0.14) 100%
		);
	}
}