/* ═══════════════════════════════════════════════════════════════
   JASIRÉ BEAUTÉ — Luxury Skincare Design System
   ═══════════════════════════════════════════════════════════════ */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
	--cream: #F7F3EE;
	--linen: #EDE6DC;
	--sand: #C9BBA8;
	--stone: #7A7168;
	--charcoal: #141311;
	--espresso: #2F2B28;
	--gold: #9A7B5A;
	--gold-light: #C4A882;
	--blush: #DCC4BB;
	--sage: #8FA58E;
	--moss: #3D4F3F;
	--white: #FFFFFF;
	--error: #9B4D4D;
	--success: #5A7A5E;

	--font-serif: 'Cormorant Garamond', Georgia, serif;
	--font-sans: 'Jost', system-ui, sans-serif;

	--space-xs: 0.5rem;
	--space-sm: 1rem;
	--space-md: 1.5rem;
	--space-lg: 2.5rem;
	--space-xl: 4rem;
	--space-2xl: 6rem;

	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-lg: 16px;

	--shadow-sm: 0 2px 8px rgba(26, 25, 24, 0.06);
	--shadow-md: 0 8px 32px rgba(26, 25, 24, 0.08);
	--shadow-lg: 0 16px 48px rgba(26, 25, 24, 0.12);
	--shadow-float: 0 24px 60px rgba(20, 19, 17, 0.14);

	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	--ease-soft: cubic-bezier(0.4, 0, 0.2, 1);
	--transition: 0.35s var(--ease-soft);
	--header-height: 72px;
}

html { scroll-behavior: smooth; }

body {
	font-family: var(--font-sans);
	font-weight: 400;
	font-size: 15px;
	line-height: 1.65;
	color: var(--espresso);
	background: var(--cream);
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }

.container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 var(--space-md);
}

.narrow { max-width: 720px; margin-left: auto; margin-right: auto; }

/* ─── Typography ─────────────────────────────────────────── */
h1, h2, h3, h4, h5 {
	font-family: var(--font-serif);
	font-weight: 500;
	line-height: 1.2;
	color: var(--charcoal);
}

h1 { font-size: clamp(2.5rem, 5vw, 4rem); letter-spacing: -0.02em; }
h2 { font-size: clamp(1.75rem, 3vw, 2.75rem); letter-spacing: -0.01em; }
h3 { font-size: clamp(1.25rem, 2vw, 1.75rem); }
h4 { font-size: 1.1rem; font-family: var(--font-sans); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }

.section-label {
	display: block;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: var(--space-sm);
}

.section-header {
	text-align: center;
	max-width: 640px;
	margin: 0 auto var(--space-xl);
}

.section-header p {
	color: var(--stone);
	margin-top: var(--space-sm);
	font-size: 1.05rem;
}

.lead {
	font-size: 1.15rem;
	color: var(--stone);
	line-height: 1.7;
}

/* ─── Buttons ──────────────────────────────────────────────── */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.875rem 2rem;
	font-family: var(--font-sans);
	font-size: 0.8rem;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border: 1px solid transparent;
	border-radius: 0;
	cursor: pointer;
	transition: var(--transition);
	text-decoration: none;
	white-space: nowrap;
}

.btn-primary {
	background: var(--charcoal);
	color: var(--white);
	border-color: var(--charcoal);
	position: relative;
	overflow: hidden;
}
.btn-primary::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, transparent 30%, rgba(255,255,255,0.14) 50%, transparent 70%);
	transform: translateX(-120%);
	transition: transform 0.6s var(--ease-out);
}
.btn-primary:hover {
	background: var(--espresso);
	border-color: var(--espresso);
	transform: translateY(-2px);
	box-shadow: var(--shadow-md);
}
.btn-primary:hover::after { transform: translateX(120%); }

.btn-outline {
	background: transparent;
	color: var(--charcoal);
	border-color: var(--charcoal);
}
.btn-outline:hover {
	background: var(--charcoal);
	color: var(--white);
	transform: translateY(-2px);
}

.btn-outline-light {
	background: transparent;
	color: var(--white);
	border-color: rgba(255,255,255,0.65);
}
.btn-outline-light:hover {
	background: var(--white);
	color: var(--charcoal);
	border-color: var(--white);
	transform: translateY(-2px);
}

.btn-gold {
	background: var(--gold);
	color: var(--white);
	border-color: var(--gold);
}
.btn-gold:hover { background: var(--gold-light); border-color: var(--gold-light); }

.btn-magnetic { will-change: transform; }

.btn-sm { padding: 0.6rem 1.25rem; font-size: 0.7rem; }
.btn-block { width: 100%; }

/* ─── Announcement Bar ─────────────────────────────────────── */
.announcement-bar {
	background: var(--charcoal);
	color: var(--linen);
	text-align: center;
	padding: 0.6rem var(--space-md);
	font-size: 0.78rem;
	letter-spacing: 0.04em;
}
.announcement-bar strong { color: var(--gold-light); }

/* ─── Header ───────────────────────────────────────────────── */
.site-header {
	background: rgba(255,255,255,0.92);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--linen);
	position: sticky;
	top: 0;
	z-index: 200;
	transition: box-shadow var(--transition), background var(--transition);
}
.site-header.scrolled {
	box-shadow: var(--shadow-sm);
	background: rgba(255,255,255,0.97);
}

.header-inner {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	height: var(--header-height);
	gap: var(--space-md);
}

.logo {
	display: flex;
	flex-direction: column;
	align-items: center;
	line-height: 1;
	text-decoration: none;
}
.logo-main {
	font-family: var(--font-serif);
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 0.25em;
	color: var(--charcoal);
}
.logo-sub {
	font-size: 0.55rem;
	letter-spacing: 0.35em;
	color: var(--gold);
	margin-top: 2px;
}

.nav-main { justify-self: center; }
.nav-list {
	display: flex;
	gap: 2rem;
	align-items: center;
}
.nav-list a {
	font-size: 0.78rem;
	font-weight: 500;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--espresso);
	transition: color var(--transition);
	position: relative;
}
.nav-list a:hover,
.nav-list a.active { color: var(--gold); }

.nav-item { position: relative; }
.has-dropdown:hover .dropdown,
.has-dropdown:focus-within .dropdown {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.dropdown {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(8px);
	background: var(--white);
	border: 1px solid var(--linen);
	box-shadow: var(--shadow-md);
	padding: var(--space-md);
	min-width: 360px;
	opacity: 0;
	visibility: hidden;
	transition: var(--transition);
	z-index: 300;
}
.dropdown-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-md);
}
.dropdown-label {
	display: block;
	font-size: 0.65rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--stone);
	margin-bottom: var(--space-xs);
}
.dropdown a {
	display: block;
	padding: 0.4rem 0;
	font-size: 0.85rem;
	text-transform: none;
	letter-spacing: 0;
}
.dropdown-all { color: var(--gold) !important; font-weight: 500; margin-top: var(--space-xs); }

.header-actions {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	justify-self: end;
}
.icon-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: none;
	border: none;
	cursor: pointer;
	color: var(--charcoal);
	transition: color var(--transition);
	position: relative;
}
.icon-btn:hover { color: var(--gold); }

.cart-count {
	position: absolute;
	top: 4px;
	right: 4px;
	background: var(--gold);
	color: var(--white);
	font-size: 0.6rem;
	font-weight: 600;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu-toggle {
	display: none;
	flex-direction: column;
	gap: 5px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
}
.menu-toggle span {
	display: block;
	width: 22px;
	height: 1.5px;
	background: var(--charcoal);
	transition: var(--transition);
}

.search-overlay {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: var(--white);
	border-bottom: 1px solid var(--linen);
	padding: var(--space-md) 0;
	box-shadow: var(--shadow-md);
}
.search-overlay[hidden] { display: none; }
.search-form {
	display: flex;
	gap: var(--space-sm);
	max-width: 600px;
	margin: 0 auto;
}
.search-form input {
	flex: 1;
	padding: 0.875rem 1rem;
	border: 1px solid var(--sand);
	font: inherit;
	background: var(--cream);
}
.search-form input:focus {
	outline: none;
	border-color: var(--gold);
}

/* ─── Flash Messages ─────────────────────────────────────────── */
.flash {
	padding: var(--space-sm) var(--space-md);
	text-align: center;
	font-size: 0.9rem;
	font-weight: 500;
	animation: slideDown 0.4s ease;
}
.flash-success { background: #E8F0E9; color: var(--success); }
.flash-error { background: #F5E8E8; color: var(--error); }
@keyframes slideDown {
	from { opacity: 0; transform: translateY(-8px); }
	to { opacity: 1; transform: translateY(0); }
}

/* ─── Hero — Brand First Full Bleed + Carousel ─────────────── */
.hero-brand {
	position: relative;
	min-height: 100vh;
	min-height: 100dvh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: var(--charcoal);
	color: var(--white);
}
.hero-carousel-track {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.hero-slide {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: flex-end;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.9s var(--ease-out), visibility 0.9s;
}
.hero-slide.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	z-index: 1;
}
.hero-brand-media {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.hero-brand-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.08);
	will-change: transform;
}
.hero-slide.is-active .hero-brand-media img {
	animation: heroKen 22s var(--ease-soft) infinite alternate;
}
.hero-brand-veil {
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(180deg, rgba(20,19,17,0.25) 0%, rgba(20,19,17,0.15) 35%, rgba(20,19,17,0.78) 100%),
		radial-gradient(ellipse at 20% 80%, rgba(157,123,90,0.22), transparent 50%);
	pointer-events: none;
}
.hero-orbs {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	overflow: hidden;
	transition: transform 0.6s var(--ease-out);
}
.orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(2px);
	opacity: 0.55;
	animation: floatOrb 9s ease-in-out infinite;
}
.orb-1 {
	width: 280px;
	height: 280px;
	right: 8%;
	top: 18%;
	background: radial-gradient(circle, rgba(196,168,130,0.35) 0%, transparent 70%);
	animation-duration: 11s;
}
.orb-2 {
	width: 180px;
	height: 180px;
	left: 12%;
	top: 28%;
	background: radial-gradient(circle, rgba(143,165,142,0.28) 0%, transparent 70%);
	animation-duration: 8s;
	animation-delay: -2s;
}
.orb-3 {
	width: 120px;
	height: 120px;
	right: 28%;
	bottom: 22%;
	background: radial-gradient(circle, rgba(220,196,187,0.4) 0%, transparent 70%);
	animation-duration: 10s;
	animation-delay: -4s;
}
.hero-brand-inner {
	position: relative;
	z-index: 3;
	padding: 0 0 clamp(5rem, 12vh, 8rem);
	max-width: 720px;
}
.hero-slide .hero-brand-inner > * {
	opacity: 0;
	transform: translateY(18px);
	transition: opacity 0.7s var(--ease-out), transform 0.7s var(--ease-out);
}
.hero-slide.is-active .hero-brand-inner > * {
	opacity: 1;
	transform: translateY(0);
}
.hero-slide.is-active .hero-brand-inner > *:nth-child(1) { transition-delay: 0.1s; }
.hero-slide.is-active .hero-brand-inner > *:nth-child(2) { transition-delay: 0.18s; }
.hero-slide.is-active .hero-brand-inner > *:nth-child(3) { transition-delay: 0.26s; }
.hero-slide.is-active .hero-brand-inner > *:nth-child(4) { transition-delay: 0.34s; }
.hero-slide.is-active .hero-brand-inner > *:nth-child(5) { transition-delay: 0.42s; }

.hero-brand-name {
	font-family: var(--font-serif);
	font-size: clamp(3.5rem, 12vw, 8.5rem);
	font-weight: 500;
	line-height: 0.9;
	letter-spacing: -0.03em;
	color: var(--white);
	margin: 0;
}
.hero-brand-sub {
	font-family: var(--font-sans);
	font-size: clamp(0.7rem, 1.4vw, 0.9rem);
	font-weight: 500;
	letter-spacing: 0.55em;
	text-transform: uppercase;
	color: var(--gold-light);
	margin: 0.35rem 0 1.75rem;
}
.hero-brand h1,
.hero-slide h1 {
	color: var(--white);
	font-size: clamp(1.6rem, 3.2vw, 2.6rem);
	font-weight: 400;
	margin-bottom: 1rem;
	max-width: 16ch;
}
.hero-brand .lead,
.hero-slide .lead {
	color: rgba(250,247,242,0.78);
	max-width: 38ch;
	margin-bottom: 1.75rem;
	font-size: 1.05rem;
}
.hero-actions { display: flex; gap: var(--space-sm); flex-wrap: wrap; }

.hero-carousel-controls {
	position: absolute;
	left: 50%;
	bottom: 2.75rem;
	transform: translateX(-50%);
	z-index: 5;
	display: flex;
	align-items: center;
	gap: 1rem;
}
.hero-nav {
	width: 42px;
	height: 42px;
	border: 1px solid rgba(255,255,255,0.35);
	background: rgba(20,19,17,0.35);
	backdrop-filter: blur(8px);
	color: var(--white);
	font-size: 1.4rem;
	line-height: 1;
	cursor: pointer;
	transition: background 0.35s ease, transform 0.35s var(--ease-out), border-color 0.35s ease;
}
.hero-nav:hover {
	background: var(--white);
	color: var(--charcoal);
	border-color: var(--white);
	transform: translateY(-2px);
}
.hero-dots {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}
.hero-dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: none;
	border-radius: 50%;
	background: rgba(255,255,255,0.35);
	cursor: pointer;
	transition: transform 0.35s var(--ease-out), background 0.35s ease, width 0.35s var(--ease-out);
}
.hero-dot.is-active {
	width: 28px;
	border-radius: 999px;
	background: var(--gold-light);
}
.hero-progress {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 3px;
	z-index: 5;
	background: rgba(255,255,255,0.12);
}
.hero-progress-bar {
	display: block;
	height: 100%;
	width: 0%;
	background: linear-gradient(90deg, var(--gold), var(--gold-light));
	transform-origin: left;
}

.hero-scroll-cue {
	position: absolute;
	right: clamp(1.25rem, 4vw, 3rem);
	bottom: 2.5rem;
	z-index: 4;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	color: rgba(255,255,255,0.7);
	font-size: 0.65rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.hero-scroll-line {
	display: block;
	width: 1px;
	height: 48px;
	background: linear-gradient(to bottom, rgba(255,255,255,0.7), transparent);
	animation: scrollPulse 2s ease-in-out infinite;
}

@media (max-width: 768px) {
	.hero-carousel-controls { bottom: 1.5rem; }
	.hero-scroll-cue { display: none; }
}

/* Trust marquee strip */
.trust-strip {
	background: var(--charcoal);
	color: var(--linen);
	overflow: hidden;
	padding: 1.15rem 0;
	border-top: 1px solid rgba(255,255,255,0.06);
}
.trust-strip-track {
	display: flex;
	width: max-content;
	animation: marquee 32s linear infinite;
}
.trust-strip-group {
	display: flex;
	align-items: center;
	gap: 2.5rem;
	padding-right: 2.5rem;
}
.trust-strip-item {
	display: flex;
	align-items: baseline;
	gap: 0.65rem;
	white-space: nowrap;
}
.trust-strip-item strong {
	font-family: var(--font-serif);
	font-size: 1.35rem;
	font-weight: 500;
	color: var(--gold-light);
}
.trust-strip-item span {
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(240,235,227,0.55);
}
.trust-strip-divider {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(196,168,130,0.45);
	flex-shrink: 0;
}

/* ─── Packages showcase (home + listing) ─────────────────────── */
.section-packages {
	position: relative;
	overflow: hidden;
	padding: var(--space-2xl) 0;
	background:
		radial-gradient(ellipse at 10% 0%, rgba(154,123,90,0.14), transparent 45%),
		radial-gradient(ellipse at 95% 80%, rgba(143,165,142,0.12), transparent 40%),
		linear-gradient(180deg, #1a1714 0%, #2a2420 50%, #1c1815 100%);
	color: var(--white);
}
.pkg-home-ambience,
.pkg-hero-ambience {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}
.pkg-orb {
	position: absolute;
	border-radius: 50%;
	animation: floatOrb 12s ease-in-out infinite;
}
.pkg-orb-1 {
	width: 260px;
	height: 260px;
	top: 8%;
	right: -40px;
	background: radial-gradient(circle, rgba(154,123,90,0.22), transparent 70%);
}
.pkg-orb-2 {
	width: 180px;
	height: 180px;
	bottom: 12%;
	left: -50px;
	background: radial-gradient(circle, rgba(143,165,142,0.18), transparent 70%);
	animation-duration: 14s;
	animation-delay: -4s;
}
.pkg-orb-3 {
	width: 100px;
	height: 100px;
	top: 45%;
	left: 42%;
	background: radial-gradient(circle, rgba(220,196,187,0.25), transparent 70%);
	animation-duration: 9s;
}
.pkg-home-intro {
	max-width: 640px;
	margin: 0 auto 2.75rem;
	text-align: center;
	position: relative;
	z-index: 1;
}
.pkg-home-intro .section-label { color: var(--gold-light); }
.pkg-home-intro h2 {
	color: var(--white);
	font-size: clamp(2.2rem, 5vw, 3.4rem);
	margin-bottom: 0.75rem;
}
.pkg-home-intro p { color: rgba(247,243,238,0.68); }
.pkg-home-grid,
.pkg-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.15rem;
	position: relative;
	z-index: 1;
}
.section-packages .section-cta .btn-outline {
	color: var(--white);
	border-color: rgba(255,255,255,0.4);
}
.section-packages .section-cta .btn-outline:hover {
	background: var(--white);
	color: var(--charcoal);
}

.pkg-card {
	display: flex;
	flex-direction: column;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.1);
	overflow: hidden;
	color: var(--white);
	transition: transform 0.55s var(--ease-out), box-shadow 0.55s var(--ease-out), border-color 0.4s ease;
}
.pkg-listing .pkg-card {
	background: var(--white);
	border-color: rgba(20,19,17,0.08);
	color: var(--charcoal);
}
.pkg-card:hover {
	transform: translateY(-10px);
	box-shadow: var(--shadow-float);
	border-color: rgba(196,168,130,0.45);
}
.pkg-card-featured { grid-row: span 1; }
.pkg-card-media {
	position: relative;
	aspect-ratio: 4/5;
	overflow: hidden;
	background: #2a2521;
}
.pkg-card-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.9s var(--ease-out);
}
.pkg-card:hover .pkg-card-media img { transform: scale(1.08); }
.pkg-card-shine {
	position: absolute;
	inset: 0;
	background: linear-gradient(115deg, transparent 40%, rgba(255,255,255,0.2) 50%, transparent 60%);
	transform: translateX(-120%) skewX(-12deg);
	transition: transform 0.85s var(--ease-out);
	pointer-events: none;
}
.pkg-card:hover .pkg-card-shine { transform: translateX(120%) skewX(-12deg); }
.pkg-badge {
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 2;
	font-size: 0.62rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	padding: 0.4rem 0.75rem;
	background: var(--white);
	color: var(--charcoal);
}
.pkg-card-body { padding: 1.25rem 1.2rem 1.4rem; flex: 1; display: flex; flex-direction: column; }
.pkg-tagline {
	display: block;
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gold-light);
	margin-bottom: 0.45rem;
}
.pkg-listing .pkg-tagline { color: var(--gold); }
.pkg-card-body h3 {
	font-size: 1.45rem;
	margin-bottom: 0.45rem;
	color: inherit;
}
.pkg-card-body p {
	font-size: 0.9rem;
	line-height: 1.55;
	margin-bottom: 0.85rem;
	color: rgba(247,243,238,0.7);
}
.pkg-listing .pkg-card-body p { color: var(--stone); }
.pkg-includes {
	list-style: none;
	margin: 0 0 1rem;
	padding: 0;
}
.pkg-includes li {
	position: relative;
	padding: 0.3rem 0 0.3rem 1rem;
	font-size: 0.82rem;
	color: rgba(247,243,238,0.78);
}
.pkg-listing .pkg-includes li { color: var(--espresso); }
.pkg-includes li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.7rem;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--gold-light);
}
.pkg-card-foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.75rem;
	margin-top: auto;
	padding-top: 0.75rem;
	border-top: 1px solid rgba(255,255,255,0.1);
}
.pkg-listing .pkg-card-foot { border-top-color: rgba(20,19,17,0.08); }
.pkg-price .price-current {
	font-family: var(--font-serif);
	font-size: 1.45rem;
	font-weight: 500;
	color: inherit;
}
.pkg-price .price-compare {
	margin-right: 0.4rem;
	opacity: 0.55;
}
.pkg-link {
	font-size: 0.7rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gold-light);
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	transition: gap 0.35s var(--ease-out);
}
.pkg-listing .pkg-link { color: var(--gold); }
.pkg-card:hover .pkg-link { gap: 0.65rem; }

.pkg-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(3.5rem, 8vw, 5.5rem) 0 3.25rem;
	text-align: center;
	background:
		radial-gradient(ellipse at 20% 20%, rgba(154,123,90,0.16), transparent 45%),
		linear-gradient(165deg, #1a1714 0%, #2a2420 55%, #1c1815 100%);
	color: var(--white);
}
.pkg-hero-inner { position: relative; z-index: 1; max-width: 640px; margin: 0 auto; }
.pkg-hero .section-label { color: var(--gold-light); }
.pkg-hero h1 { color: var(--white); margin-bottom: 0.85rem; }
.pkg-hero .lead { color: rgba(247,243,238,0.7); margin: 0 auto; }
.pkg-listing { background: var(--cream); }

.pkg-detail-hero {
	position: relative;
	overflow: hidden;
	padding: 1.5rem 0 var(--space-xl);
	background:
		radial-gradient(ellipse at 10% 0%, rgba(154,123,90,0.14), transparent 40%),
		linear-gradient(165deg, #191613 0%, #2a2420 55%, #1c1815 100%);
	color: var(--white);
}
.breadcrumb-pkg {
	justify-content: flex-start;
	color: rgba(247,243,238,0.45);
	margin-bottom: 1.75rem;
}
.breadcrumb-pkg a { color: rgba(247,243,238,0.75); }
.breadcrumb-pkg a:hover { color: var(--gold-light); }
.pkg-detail-grid {
	display: grid;
	grid-template-columns: 1fr 1.05fr;
	gap: clamp(1.75rem, 4vw, 3rem);
	align-items: center;
	position: relative;
	z-index: 1;
}
.pkg-detail-media {
	position: relative;
	aspect-ratio: 4/5;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.08);
}
.pkg-detail-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.9s var(--ease-out);
}
.pkg-detail-media:hover img { transform: scale(1.04); }
.pkg-detail-info .section-label { color: var(--gold-light); }
.pkg-detail-info h1 {
	color: var(--white);
	font-size: clamp(2.2rem, 4.5vw, 3.4rem);
	margin-bottom: 0.5rem;
}
.pkg-detail-tagline {
	font-family: var(--font-serif);
	font-style: italic;
	font-size: 1.2rem;
	color: rgba(247,243,238,0.7);
	margin-bottom: 1rem;
}
.pkg-price-lg .price-current {
	font-size: 2.2rem;
	color: var(--white);
}
.pkg-detail-desc {
	color: rgba(247,243,238,0.72);
	line-height: 1.7;
	margin: 1rem 0 1.35rem;
}
.pkg-includes-box {
	margin-bottom: 1.5rem;
	padding: 1.15rem 1.2rem;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.1);
}
.pkg-includes-label {
	display: block;
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gold-light);
	margin-bottom: 0.65rem;
}
.pkg-detail-info .btn { margin-right: 0.5rem; margin-top: 0.25rem; }

@media (max-width: 1024px) {
	.pkg-home-grid,
	.pkg-grid { grid-template-columns: 1fr; max-width: 480px; margin-left: auto; margin-right: auto; }
	.pkg-detail-grid { grid-template-columns: 1fr; }
}

/* Brand pillars — editorial rail */
.section-pillars { padding-top: var(--space-xl); }
.pillars-rail {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	border-top: 1px solid var(--sand);
	border-bottom: 1px solid var(--sand);
}
.pillar-item {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.25rem;
	padding: 2.25rem 1.75rem;
	border-right: 1px solid var(--sand);
	transition: background var(--transition), transform var(--transition);
}
.pillar-item:last-child { border-right: none; }
.pillar-item:hover {
	background: var(--white);
	transform: translateY(-4px);
}
.pillar-index {
	font-family: var(--font-serif);
	font-size: 1.5rem;
	color: var(--gold);
	line-height: 1;
}
.pillar-body h3 {
	font-size: 1.35rem;
	margin-bottom: 0.5rem;
}
.pillar-body p {
	color: var(--stone);
	font-size: 0.95rem;
	font-weight: 300;
}

/* Legacy hero fallbacks */
.hero-luxury {
	position: relative;
	min-height: 85vh;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: var(--linen);
}
.hero-luxury-bg {
	position: absolute;
	inset: 0;
	background: url('https://images.unsplash.com/photo-1612817288484-6f916006741a?w=1600&q=80') center/cover no-repeat;
}
.hero-luxury-bg::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(105deg, rgba(247,243,238,0.95) 40%, rgba(247,243,238,0.4) 100%);
}
.hero-luxury-content {
	position: relative;
	z-index: 1;
	max-width: 560px;
	padding: var(--space-2xl) 0;
}
.hero-luxury .section-label { margin-bottom: var(--space-md); }
.hero-luxury h1 { margin-bottom: var(--space-md); }
.hero-luxury .lead { margin-bottom: var(--space-lg); }

.hero-trust {
	display: flex;
	gap: var(--space-lg);
	margin-top: var(--space-xl);
	padding-top: var(--space-lg);
	border-top: 1px solid var(--sand);
}
.hero-trust-item { text-align: center; }
.hero-trust-item strong {
	display: block;
	font-family: var(--font-serif);
	font-size: 1.5rem;
	color: var(--charcoal);
}
.hero-trust-item span {
	font-size: 0.75rem;
	color: var(--stone);
	letter-spacing: 0.05em;
}

/* ─── Sections ───────────────────────────────────────────────── */
.section { padding: var(--space-2xl) 0; }
.section-alt { background: var(--white); }
.section-linen { background: var(--linen); }

/* ─── Product Grid ───────────────────────────────────────────── */
.product-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem 1.25rem;
}
.product-grid-3 { grid-template-columns: repeat(3, 1fr); }

.product-card {
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: transform 0.55s var(--ease-out);
}
.product-card-image { position: relative; }
.wishlist-btn-form { position: absolute; top: 0.85rem; right: 0.85rem; z-index: 3; margin: 0; }
.wishlist-btn {
	background: rgba(255,255,255,0.92);
	backdrop-filter: blur(8px);
	border: 1px solid rgba(20,19,17,0.06);
	width: 40px;
	height: 40px;
	border-radius: 50%;
	cursor: pointer;
	font-size: 1.05rem;
	line-height: 1;
	color: var(--charcoal);
	box-shadow: var(--shadow-sm);
	transition: transform 0.35s var(--ease-out), background 0.3s ease, color 0.3s ease;
}
.wishlist-btn:hover {
	background: var(--charcoal);
	color: var(--white);
	transform: scale(1.1);
}
.product-card-link { display: block; }
.product-card-media {
	display: block;
	position: absolute;
	inset: 0;
}
.product-card-image {
	position: relative;
	aspect-ratio: 4/5;
	overflow: hidden;
	background:
		radial-gradient(ellipse at 30% 20%, rgba(154,123,90,0.08), transparent 55%),
		var(--linen);
	margin-bottom: 1rem;
	isolation: isolate;
}
.product-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.9s var(--ease-out), filter 0.5s ease;
}
.product-card-shine {
	position: absolute;
	inset: 0;
	background: linear-gradient(115deg, transparent 38%, rgba(255,255,255,0.22) 50%, transparent 62%);
	transform: translateX(-130%) skewX(-14deg);
	pointer-events: none;
	z-index: 1;
	transition: transform 0.9s var(--ease-out);
}
.product-card:hover .product-card-image img {
	transform: scale(1.08);
	filter: saturate(1.05);
}
.product-card:hover .product-card-shine {
	transform: translateX(130%) skewX(-14deg);
}

.product-badge {
	position: absolute;
	top: var(--space-sm);
	left: var(--space-sm);
	z-index: 3;
	background: var(--charcoal);
	color: var(--white);
	font-size: 0.62rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 0.4rem 0.8rem;
}
.product-card-hover {
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(180deg, transparent 35%, rgba(20,19,17,0.45) 100%);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding-bottom: 1.25rem;
	opacity: 0;
	transition: opacity 0.4s var(--ease-out);
}
.product-card:hover .product-card-hover { opacity: 1; }
.product-card-hover .btn {
	transform: translateY(10px);
	transition: transform 0.45s var(--ease-out);
}
.product-card:hover .product-card-hover .btn { transform: translateY(0); }

.product-card-body { flex: 1; display: flex; flex-direction: column; }
.product-category {
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gold);
	display: block;
	margin-bottom: 0.35rem;
}
.product-name {
	font-family: var(--font-serif);
	font-size: 1.2rem;
	font-weight: 500;
	margin: 0 0 0.35rem;
	transition: color 0.3s ease;
}
.product-card:hover .product-name { color: var(--gold); }
.product-tagline {
	font-size: 0.85rem;
	color: var(--stone);
	margin-bottom: 0.75rem;
	line-height: 1.45;
}
.product-card-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.75rem;
	margin-top: auto;
	padding-top: 0.35rem;
}
.price-current {
	font-weight: 500;
	font-size: 1rem;
	color: var(--charcoal);
	letter-spacing: 0.02em;
}
.price-compare {
	text-decoration: line-through;
	color: var(--stone);
	font-size: 0.85rem;
	margin-right: 0.45rem;
}
.product-rating {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}
.stars { display: flex; gap: 1px; color: var(--sand); }
.stars .filled { color: var(--gold); }
.rating-count { font-size: 0.75rem; color: var(--stone); }

.product-card:hover {
	transform: translateY(-8px);
}

/* ─── Collection Cards ───────────────────────────────────────── */
.collection-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-md);
}
.collection-card {
	position: relative;
	aspect-ratio: 3/4;
	overflow: hidden;
	display: block;
}
.collection-card-image {
	position: absolute;
	inset: 0;
}
.collection-card > img,
.collection-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1s var(--ease-out);
}
.collection-card > img {
	position: absolute;
	inset: 0;
}
.collection-card:hover > img,
.collection-card:hover .collection-card-image img { transform: scale(1.08); }
.collection-card-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(20,19,17,0.82) 0%, rgba(20,19,17,0.2) 45%, transparent 70%);
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: var(--space-lg) var(--space-md);
	color: var(--white);
	transition: background var(--transition);
}
.collection-card:hover .collection-card-overlay {
	background: linear-gradient(to top, rgba(20,19,17,0.9) 0%, rgba(20,19,17,0.35) 55%, transparent 80%);
}
.collection-card-overlay h3 {
	color: var(--white);
	font-size: 1.6rem;
	margin-bottom: 0.35rem;
	transform: translateY(6px);
	transition: transform 0.5s var(--ease-out);
}
.collection-card:hover .collection-card-overlay h3 { transform: translateY(0); }
.collection-card-overlay p {
	font-size: 0.88rem;
	opacity: 0.85;
	transform: translateY(6px);
	transition: transform 0.55s var(--ease-out), opacity var(--transition);
}
.collection-card:hover .collection-card-overlay p { transform: translateY(0); }
.collection-explore,
.collection-card-overlay > span {
	font-size: 0.72rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	margin-top: var(--space-sm);
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.45s var(--ease-out), transform 0.45s var(--ease-out);
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}
.collection-explore .arrow {
	display: inline-block;
	transition: transform 0.35s var(--ease-out);
}
.collection-card:hover .collection-explore,
.collection-card:hover .collection-card-overlay > span {
	opacity: 1;
	transform: translateY(0);
}
.collection-card:hover .collection-explore .arrow { transform: translateX(4px); }

/* ─── Concern Cards (listing pages) ──────────────────────────── */
.concern-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-sm);
}
.concern-card {
	display: block;
	text-align: center;
	padding: var(--space-lg) var(--space-md);
	background: transparent;
	border: 1px solid transparent;
	border-bottom: 1px solid var(--linen);
	transition: var(--transition);
	position: relative;
}
.section-alt .concern-card { border-bottom-color: var(--cream); }
.concern-card:hover {
	border-color: var(--sand);
	background: var(--cream);
	transform: translateY(-6px);
	box-shadow: var(--shadow-md);
}
.concern-card-icon {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto var(--space-sm);
	transition: transform 0.55s var(--ease-out);
	box-shadow: 0 0 0 0 rgba(154,123,90,0);
}
.concern-card:hover .concern-card-icon {
	transform: scale(1.08);
	box-shadow: 0 8px 24px rgba(20,19,17,0.12);
}
.concern-card-icon img { width: 100%; height: 100%; object-fit: cover; }
.concern-card h3 { font-size: 1.05rem; margin-bottom: 0.35rem; }
.concern-card p { font-size: 0.8rem; color: var(--stone); }
.concern-arrow {
	display: inline-block;
	margin-top: 0.75rem;
	opacity: 0;
	transform: translateX(-8px);
	color: var(--gold);
	font-size: 1.1rem;
	transition: opacity 0.35s var(--ease-out), transform 0.35s var(--ease-out);
}
.concern-card:hover .concern-arrow {
	opacity: 1;
	transform: translateX(0);
}

/* ─── Shop by Concern — showcase ─────────────────────────────── */
.section-concerns {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse at 10% 20%, rgba(154,123,90,0.12), transparent 45%),
		radial-gradient(ellipse at 90% 80%, rgba(143,165,142,0.14), transparent 50%),
		linear-gradient(165deg, #1a1714 0%, #2a2420 48%, #1f1c19 100%);
	color: var(--white);
	padding: var(--space-2xl) 0;
}
.section-concerns .section-header h2 { color: var(--white); }
.section-concerns .section-header p { color: rgba(247,243,238,0.65); }
.section-concerns .section-label { color: var(--gold-light); }
.section-concerns .btn-outline {
	color: var(--white);
	border-color: rgba(255,255,255,0.45);
}
.section-concerns .btn-outline:hover {
	background: var(--white);
	color: var(--charcoal);
	border-color: var(--white);
}

.concerns-ambience {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}
.concerns-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(4px);
	animation: floatOrb 10s ease-in-out infinite;
}
.concerns-orb-1 {
	width: 320px;
	height: 320px;
	top: -80px;
	right: -40px;
	background: radial-gradient(circle, rgba(196,168,130,0.28), transparent 70%);
}
.concerns-orb-2 {
	width: 240px;
	height: 240px;
	bottom: 10%;
	left: -60px;
	background: radial-gradient(circle, rgba(143,165,142,0.22), transparent 70%);
	animation-duration: 12s;
	animation-delay: -3s;
}
.concerns-glow {
	position: absolute;
	width: 60%;
	height: 40%;
	left: 20%;
	top: 30%;
	background: radial-gradient(ellipse, rgba(154,123,90,0.12), transparent 70%);
	animation: floatOrb 14s ease-in-out infinite;
}

.concern-showcase {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: repeat(3, minmax(200px, 22vw));
	gap: 1rem;
	position: relative;
	z-index: 1;
}
.concern-tile {
	position: relative;
	display: block;
	overflow: hidden;
	isolation: isolate;
	min-height: 200px;
	border: 1px solid rgba(255,255,255,0.08);
	background: #2a2521;
	transition:
		transform 0.55s var(--ease-out),
		box-shadow 0.55s var(--ease-out),
		border-color 0.4s ease;
}
.concern-tile:nth-child(1) { grid-column: 1 / 3; grid-row: 1 / 3; }
.concern-tile:nth-child(2) { grid-column: 3; grid-row: 1; }
.concern-tile:nth-child(3) { grid-column: 4; grid-row: 1; }
.concern-tile:nth-child(4) { grid-column: 3 / 5; grid-row: 2; }
.concern-tile:nth-child(5) { grid-column: 1; grid-row: 3; }
.concern-tile:nth-child(6) { grid-column: 2; grid-row: 3; }
.concern-tile:nth-child(7) { grid-column: 3; grid-row: 3; }
.concern-tile:nth-child(8) { grid-column: 4; grid-row: 3; }

.concern-tile-media {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.concern-tile-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.06);
	transition: transform 1s var(--ease-out), filter 0.55s ease;
	filter: saturate(0.9) brightness(0.72);
}
.concern-tile::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background:
		linear-gradient(180deg, rgba(20,19,17,0.15) 0%, rgba(20,19,17,0.25) 35%, rgba(20,19,17,0.88) 100%);
	transition: opacity 0.5s ease;
}
.concern-tile-shine {
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(
		115deg,
		transparent 35%,
		rgba(255,255,255,0.18) 48%,
		transparent 62%
	);
	transform: translateX(-120%) skewX(-12deg);
	pointer-events: none;
	transition: transform 0.9s var(--ease-out);
}
.concern-tile-index {
	position: absolute;
	top: 1.15rem;
	right: 1.25rem;
	z-index: 3;
	font-family: var(--font-serif);
	font-size: 1.75rem;
	font-weight: 400;
	color: rgba(255,255,255,0.28);
	letter-spacing: 0.04em;
	line-height: 1;
	transition: color 0.4s ease, transform 0.45s var(--ease-out);
}
.concern-tile-body {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	padding: 1.5rem 1.35rem 1.4rem;
	color: var(--white);
}
.concern-tile-body h3 {
	color: var(--white);
	font-size: clamp(1.2rem, 1.8vw, 1.55rem);
	margin-bottom: 0.35rem;
	transform: translateY(4px);
	transition: transform 0.5s var(--ease-out);
}
.concern-tile:nth-child(1) .concern-tile-body h3 {
	font-size: clamp(1.75rem, 3vw, 2.5rem);
}
.concern-tile:nth-child(4) .concern-tile-body h3 {
	font-size: clamp(1.35rem, 2.2vw, 1.85rem);
}
.concern-tile-body p {
	font-size: 0.88rem;
	color: rgba(247,243,238,0.72);
	max-width: 32ch;
	opacity: 0.85;
	transform: translateY(6px);
	transition: opacity 0.45s ease, transform 0.5s var(--ease-out);
}
.concern-tile-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	margin-top: 0.9rem;
	font-size: 0.7rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--gold-light);
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.45s var(--ease-out), transform 0.45s var(--ease-out), gap 0.35s ease;
}
.concern-tile-cta span {
	display: inline-block;
	transition: transform 0.35s var(--ease-out);
}

.concern-tile:hover {
	transform: translateY(-8px) scale(1.01);
	box-shadow: 0 28px 60px rgba(0,0,0,0.4);
	border-color: rgba(196,168,130,0.45);
	z-index: 2;
}
.concern-tile:hover .concern-tile-media img {
	transform: scale(1.14);
	filter: saturate(1.05) brightness(0.85);
}
.concern-tile:hover .concern-tile-shine {
	transform: translateX(120%) skewX(-12deg);
}
.concern-tile:hover .concern-tile-index {
	color: var(--gold-light);
	transform: translateY(-2px) scale(1.05);
}
.concern-tile:hover .concern-tile-body h3,
.concern-tile:hover .concern-tile-body p {
	transform: translateY(0);
}
.concern-tile:hover .concern-tile-body p { opacity: 1; }
.concern-tile:hover .concern-tile-cta {
	opacity: 1;
	transform: translateY(0);
}
.concern-tile:hover .concern-tile-cta span {
	transform: translateX(5px);
}

@media (max-width: 1024px) {
	.concern-showcase {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: none;
		grid-auto-rows: minmax(220px, 34vw);
	}
	.concern-tile:nth-child(1) { grid-column: 1 / 3; grid-row: auto; min-height: 300px; }
	.concern-tile:nth-child(2),
	.concern-tile:nth-child(3),
	.concern-tile:nth-child(5),
	.concern-tile:nth-child(6),
	.concern-tile:nth-child(7),
	.concern-tile:nth-child(8) { grid-column: auto; grid-row: auto; }
	.concern-tile:nth-child(4) { grid-column: 1 / 3; grid-row: auto; min-height: 220px; }
}
@media (max-width: 640px) {
	.concern-showcase {
		grid-template-columns: 1fr;
		grid-auto-rows: auto;
		gap: 0.75rem;
	}
	.concern-tile,
	.concern-tile:nth-child(1),
	.concern-tile:nth-child(4) {
		grid-column: 1;
		grid-row: auto;
		min-height: 260px;
	}
	.concern-tile-body p { display: none; }
	.concern-tile-cta { opacity: 1; transform: none; }
}

/* ─── Concerns Listing & Detail ──────────────────────────────── */
.cn-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(4.5rem, 10vw, 7rem) 0 clamp(3.5rem, 7vw, 5rem);
	background:
		radial-gradient(ellipse at 15% 20%, rgba(154,123,90,0.18), transparent 45%),
		radial-gradient(ellipse at 85% 75%, rgba(143,165,142,0.12), transparent 48%),
		linear-gradient(165deg, #1a1714 0%, #2a2420 50%, #1c1815 100%);
	color: var(--white);
	text-align: center;
}
.cn-hero-ambience {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}
.cn-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(2px);
	animation: floatOrb 11s ease-in-out infinite;
}
.cn-orb-1 {
	width: 280px;
	height: 280px;
	top: -60px;
	right: 8%;
	background: radial-gradient(circle, rgba(196,168,130,0.28), transparent 70%);
}
.cn-orb-2 {
	width: 220px;
	height: 220px;
	bottom: 5%;
	left: 6%;
	background: radial-gradient(circle, rgba(143,165,142,0.2), transparent 70%);
	animation-delay: -3s;
}
.cn-orb-3 {
	width: 160px;
	height: 160px;
	top: 40%;
	left: 45%;
	background: radial-gradient(circle, rgba(196,168,130,0.12), transparent 70%);
	animation-delay: -6s;
}
.cn-hero-inner { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; }
.cn-brand {
	font-family: var(--font-serif);
	font-size: clamp(2.4rem, 6vw, 3.75rem);
	font-weight: 500;
	letter-spacing: 0.14em;
	color: var(--gold-light);
	line-height: 1;
	margin: 0 0 1rem;
}
.cn-hero .section-label { color: var(--gold-light); }
.cn-hero h1 {
	font-family: var(--font-serif);
	font-size: clamp(2rem, 4.5vw, 3.25rem);
	font-weight: 400;
	color: var(--white);
	margin: 0.5rem 0 1rem;
}
.cn-hero .lead {
	color: rgba(247,243,238,0.72);
	max-width: 34rem;
	margin: 0 auto;
}
.cn-hero-count {
	display: inline-flex;
	align-items: baseline;
	gap: 0.55rem;
	margin-top: 1.75rem;
	padding-top: 1.25rem;
	border-top: 1px solid rgba(255,255,255,0.12);
}
.cn-hero-count strong {
	font-family: var(--font-serif);
	font-size: 1.75rem;
	font-weight: 400;
	color: var(--gold-light);
}
.cn-hero-count span {
	font-size: 0.75rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(247,243,238,0.5);
}

.cn-listing { background: var(--cream); }
.cn-listing-head {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 1.5rem;
	margin-bottom: clamp(2rem, 4vw, 3rem);
	flex-wrap: wrap;
}
.cn-listing-head h2 {
	font-family: var(--font-serif);
	font-size: clamp(1.75rem, 3vw, 2.35rem);
	font-weight: 400;
	margin: 0.4rem 0 0;
}
.cn-listing-head > p {
	color: var(--stone);
	max-width: 28rem;
	margin: 0;
	font-size: 0.95rem;
}

.cn-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.15rem;
}
.cn-tile {
	position: relative;
	display: block;
	overflow: hidden;
	isolation: isolate;
	min-height: 340px;
	background: #2a2521;
	border: 1px solid rgba(20,19,17,0.08);
	transition:
		transform 0.55s var(--ease-out),
		box-shadow 0.55s var(--ease-out),
		border-color 0.4s ease;
}
.cn-tile-media {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.cn-tile-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.05);
	filter: saturate(0.92) brightness(0.7);
	transition: transform 1s var(--ease-out), filter 0.55s ease;
}
.cn-tile::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(180deg, rgba(20,19,17,0.12) 0%, rgba(20,19,17,0.3) 40%, rgba(20,19,17,0.9) 100%);
}
.cn-tile-shine {
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,0.16) 48%, transparent 62%);
	transform: translateX(-120%) skewX(-12deg);
	pointer-events: none;
	transition: transform 0.9s var(--ease-out);
}
.cn-tile-index {
	position: absolute;
	top: 1.15rem;
	right: 1.25rem;
	z-index: 3;
	font-family: var(--font-serif);
	font-size: 1.5rem;
	color: rgba(255,255,255,0.28);
	line-height: 1;
	transition: color 0.4s ease;
}
.cn-tile-body {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	padding: 1.5rem 1.35rem 1.4rem;
	color: var(--white);
}
.cn-tile-body h3 {
	font-family: var(--font-serif);
	font-size: 1.55rem;
	font-weight: 500;
	color: var(--white);
	margin: 0 0 0.4rem;
}
.cn-tile-body p {
	font-size: 0.88rem;
	color: rgba(247,243,238,0.7);
	margin: 0;
	max-width: 34ch;
	line-height: 1.55;
}
.cn-tile-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-top: 0.95rem;
	font-size: 0.7rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gold-light);
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.4s ease, transform 0.45s var(--ease-out), gap 0.3s ease;
}
.cn-tile:hover {
	transform: translateY(-6px);
	box-shadow: 0 24px 56px rgba(20,19,17,0.22);
	border-color: rgba(154,123,90,0.35);
	z-index: 2;
}
.cn-tile:hover .cn-tile-media img {
	transform: scale(1.12);
	filter: saturate(1.05) brightness(0.82);
}
.cn-tile:hover .cn-tile-shine { transform: translateX(120%) skewX(-12deg); }
.cn-tile:hover .cn-tile-index { color: var(--gold-light); }
.cn-tile:hover .cn-tile-cta {
	opacity: 1;
	transform: translateY(0);
}

.cn-empty {
	text-align: center;
	padding: 3.5rem 1.5rem;
	max-width: 420px;
	margin: 0 auto;
}
.cn-empty h3 {
	font-family: var(--font-serif);
	font-size: 1.75rem;
	font-weight: 400;
	margin: 0 0 0.65rem;
}
.cn-empty p {
	color: var(--stone);
	margin: 0 0 1.5rem;
}

.cn-cta-band {
	padding: clamp(3rem, 6vw, 4.5rem) 0;
	background:
		linear-gradient(165deg, #1a1714 0%, #26201c 100%);
	color: var(--white);
}
.cn-cta-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
	flex-wrap: wrap;
}
.cn-cta-band .section-label { color: var(--gold-light); }
.cn-cta-band h2 {
	font-family: var(--font-serif);
	font-size: clamp(1.65rem, 3vw, 2.25rem);
	font-weight: 400;
	color: var(--white);
	margin: 0.4rem 0 0;
}
.cn-cta-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
}
.cn-cta-band .btn-outline {
	color: var(--white);
	border-color: rgba(255,255,255,0.4);
}
.cn-cta-band .btn-outline:hover {
	background: var(--white);
	color: var(--charcoal);
	border-color: var(--white);
}

.cn-detail-hero {
	position: relative;
	min-height: min(72vh, 620px);
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	color: var(--white);
	background: #171411;
}
.cn-detail-media {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.cn-detail-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(0.9) brightness(0.65);
}
.cn-detail-veil {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(20,19,17,0.3) 0%, rgba(20,19,17,0.55) 40%, rgba(20,19,17,0.92) 100%),
		linear-gradient(90deg, rgba(20,19,17,0.5) 0%, transparent 60%);
}
.cn-detail-orbs {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}
.cn-detail-inner {
	position: relative;
	z-index: 2;
	padding: clamp(5rem, 12vw, 7.5rem) 0 clamp(3rem, 6vw, 4.5rem);
	max-width: 720px;
}
.cn-detail-hero .section-label { color: var(--gold-light); }
.cn-detail-hero h1 {
	font-family: var(--font-serif);
	font-size: clamp(2.4rem, 5.5vw, 3.75rem);
	font-weight: 400;
	color: var(--white);
	margin: 0.5rem 0 1rem;
	line-height: 1.1;
}
.cn-detail-hero .lead {
	color: rgba(247,243,238,0.78);
	max-width: 36rem;
	margin: 0 0 1.75rem;
}
.cn-detail-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 1.25rem;
}
.cn-detail-meta > span {
	font-size: 0.75rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(247,243,238,0.55);
}

.cn-products { scroll-margin-top: 5rem; }
.cn-products-head {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 1.5rem;
	margin-bottom: 2.25rem;
	flex-wrap: wrap;
}
.cn-products-head h2 {
	font-family: var(--font-serif);
	font-size: clamp(1.65rem, 3vw, 2.25rem);
	font-weight: 400;
	margin: 0.4rem 0 0;
}
.cn-back-link {
	font-size: 0.8rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--gold);
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	transition: color 0.3s ease, gap 0.3s ease;
}
.cn-back-link:hover {
	color: var(--charcoal);
	gap: 0.55rem;
}

.cn-related {
	padding: clamp(3.5rem, 7vw, 5.5rem) 0;
	background: var(--linen);
}
.cn-related-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0.85rem;
}
.cn-related-link {
	display: grid;
	grid-template-columns: 88px 1fr auto;
	align-items: center;
	gap: 1rem;
	padding: 0.65rem 1rem 0.65rem 0.65rem;
	background: var(--white);
	border: 1px solid transparent;
	transition: border-color 0.35s ease, transform 0.4s var(--ease-out), box-shadow 0.4s ease;
}
.cn-related-link:hover {
	border-color: var(--sand);
	transform: translateY(-3px);
	box-shadow: var(--shadow-md);
}
.cn-related-media {
	display: block;
	width: 88px;
	height: 88px;
	overflow: hidden;
}
.cn-related-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s var(--ease-out);
}
.cn-related-link:hover .cn-related-media img { transform: scale(1.08); }
.cn-related-copy strong {
	display: block;
	font-family: var(--font-serif);
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: 0.2rem;
}
.cn-related-copy span {
	font-size: 0.72rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--stone);
}
.cn-related-arrow {
	color: var(--gold);
	font-size: 1.15rem;
	transition: transform 0.35s var(--ease-out);
}
.cn-related-link:hover .cn-related-arrow { transform: translateX(4px); }

@media (max-width: 960px) {
	.cn-grid { grid-template-columns: repeat(2, 1fr); }
	.cn-related-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.cn-grid { grid-template-columns: 1fr; }
	.cn-tile { min-height: 280px; }
	.cn-tile-cta { opacity: 1; transform: none; }
	.cn-cta-actions { width: 100%; }
	.cn-cta-actions .btn { flex: 1; text-align: center; }
	.cn-detail-hero { min-height: min(68vh, 520px); }
}

/* ─── Ingredient Spotlight ───────────────────────────────────── */
.ingredient-spotlight {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-xl);
	align-items: center;
}
.ingredient-spotlight-image {
	aspect-ratio: 1;
	overflow: hidden;
	position: relative;
}
.ingredient-spotlight-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 1.2s var(--ease-out);
}
.ingredient-spotlight:hover .ingredient-spotlight-image img { transform: scale(1.04); }
.float-accent {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	animation: floatOrb 7s ease-in-out infinite;
}
.float-accent-a {
	width: 90px;
	height: 90px;
	right: -18px;
	top: 18%;
	background: radial-gradient(circle, rgba(154,123,90,0.45), transparent 70%);
}
.float-accent-b {
	width: 140px;
	height: 140px;
	left: -28px;
	bottom: 12%;
	background: radial-gradient(circle, rgba(143,165,142,0.35), transparent 70%);
	animation-duration: 9s;
	animation-delay: -3s;
}
.ingredient-list {
	display: flex;
	flex-direction: column;
	gap: var(--space-md);
	margin-top: var(--space-lg);
	margin-bottom: var(--space-lg);
}
.ingredient-item {
	display: flex;
	gap: var(--space-md);
	padding-bottom: var(--space-md);
	border-bottom: 1px solid var(--linen);
	transition: transform var(--transition), padding-left var(--transition);
}
.ingredient-item:hover {
	transform: translateX(6px);
	padding-left: 4px;
}
.ingredient-mark {
	width: 8px;
	height: 8px;
	margin-top: 0.55rem;
	border-radius: 50%;
	background: var(--gold);
	flex-shrink: 0;
	box-shadow: 0 0 0 4px rgba(154,123,90,0.15);
	transition: box-shadow var(--transition), transform var(--transition);
}
.ingredient-item:hover .ingredient-mark {
	transform: scale(1.2);
	box-shadow: 0 0 0 6px rgba(154,123,90,0.2);
}
.ingredient-item h4 {
	font-family: var(--font-serif);
	font-size: 1.25rem;
	text-transform: none;
	letter-spacing: 0;
	margin-bottom: 0.25rem;
}
.ingredient-item h4 a {
	transition: color var(--transition);
}
.ingredient-item h4 a:hover { color: var(--gold); }
.ingredient-item p { font-size: 0.9rem; color: var(--stone); }

/* ─── Testimonials (legacy listing cards) ────────────────────── */
.testimonial-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-md);
}
.testimonial-card {
	background: var(--white);
	padding: var(--space-lg);
	border: 1px solid transparent;
	border-bottom: 1px solid var(--linen);
	position: relative;
	transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.section-testimonials .testimonial-card {
	background: var(--cream);
}
.testimonial-card:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-float);
	border-color: var(--sand);
}
.testimonial-card::before {
	content: '\201C';
	font-family: var(--font-serif);
	font-size: 4rem;
	color: var(--blush);
	position: absolute;
	top: 0.5rem;
	left: 1rem;
	line-height: 1;
	transition: color var(--transition), transform var(--transition);
}
.testimonial-card:hover::before {
	color: var(--gold-light);
	transform: scale(1.08);
}
.testimonial-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.5rem;
	position: relative;
	z-index: 1;
}
.testimonial-date {
	font-size: 0.72rem;
	color: var(--stone);
	letter-spacing: 0.04em;
}
.testimonial-card blockquote {
	font-family: var(--font-serif);
	font-size: 1.1rem;
	font-style: italic;
	line-height: 1.6;
	margin-bottom: var(--space-md);
	padding-top: var(--space-md);
}
.testimonial-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.75rem;
}
.testimonial-author {
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.05em;
}
.testimonial-author span {
	font-weight: 400;
	color: var(--stone);
}
.testimonial-verified {
	font-size: 0.68rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--sage);
}
.testimonial-product {
	font-size: 0.75rem;
	color: var(--stone);
	margin-top: 0.25rem;
}

/* ─── Community Voices Showcase ──────────────────────────────── */
.section-voices {
	position: relative;
	overflow: hidden;
	padding: var(--space-2xl) 0;
	background:
		radial-gradient(ellipse at 0% 0%, rgba(154,123,90,0.18), transparent 50%),
		radial-gradient(ellipse at 100% 100%, rgba(143,165,142,0.16), transparent 48%),
		linear-gradient(145deg, #171412 0%, #2c2622 52%, #1a1613 100%);
	color: var(--white);
}
.section-voices .section-label { color: var(--gold-light); }
.section-voices h2 { color: var(--white); }

.voices-ambience {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}
.voices-orb {
	position: absolute;
	border-radius: 50%;
	animation: floatOrb 12s ease-in-out infinite;
}
.voices-orb-1 {
	width: 360px;
	height: 360px;
	top: -100px;
	right: 5%;
	background: radial-gradient(circle, rgba(196,168,130,0.28), transparent 70%);
}
.voices-orb-2 {
	width: 260px;
	height: 260px;
	bottom: -40px;
	left: -40px;
	background: radial-gradient(circle, rgba(143,165,142,0.2), transparent 70%);
	animation-duration: 15s;
	animation-delay: -3s;
}
.voices-ring {
	position: absolute;
	width: 420px;
	height: 420px;
	left: 50%;
	top: 50%;
	margin: -210px 0 0 -210px;
	border: 1px solid rgba(196,168,130,0.12);
	border-radius: 50%;
	animation: floatOrb 18s ease-in-out infinite;
}

.voices-header {
	display: grid;
	grid-template-columns: 1.2fr 1fr;
	gap: 2rem;
	align-items: end;
	margin-bottom: var(--space-xl);
	position: relative;
	z-index: 1;
}
.voices-lede {
	color: rgba(247,243,238,0.68);
	font-size: 1.08rem;
	max-width: 34ch;
	margin: 0;
	justify-self: end;
}

.voices-stage {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	gap: 1.15rem;
	position: relative;
	z-index: 1;
	align-items: stretch;
	min-height: 580px;
}
.voices-stage-solo {
	grid-template-columns: 1fr;
	max-width: 860px;
	min-height: 0;
}
.voices-col {
	display: grid;
	gap: 1.15rem;
	min-height: 0;
}
.voices-col-left {
	grid-template-rows: 2fr 1fr;
}
.voices-col-right {
	grid-template-rows: repeat(3, 1fr);
}
.voices-col-left > *,
.voices-col-right > * {
	min-height: 0;
	height: 100%;
}

.voice-featured,
.voice-tall {
	position: relative;
	padding: clamp(1.75rem, 3vw, 2.5rem);
	background: linear-gradient(160deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.04) 100%);
	border: 1px solid rgba(255,255,255,0.12);
	overflow: hidden;
	backdrop-filter: blur(10px);
	display: flex;
	flex-direction: column;
	transition: transform 0.55s var(--ease-out), border-color 0.4s ease, box-shadow 0.55s var(--ease-out);
}
.voice-featured:hover,
.voice-tall:hover {
	transform: translateY(-4px);
	border-color: rgba(196,168,130,0.45);
	box-shadow: 0 30px 70px rgba(0,0,0,0.35);
}
.voice-featured-glow {
	position: absolute;
	width: 280px;
	height: 280px;
	right: -60px;
	top: -80px;
	background: radial-gradient(circle, rgba(196,168,130,0.3), transparent 70%);
	pointer-events: none;
	animation: floatOrb 9s ease-in-out infinite;
}
.voice-featured-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 1rem;
	margin-bottom: 1.5rem;
	position: relative;
	z-index: 1;
}
.voice-mark {
	font-family: var(--font-serif);
	font-size: clamp(4rem, 8vw, 6.5rem);
	line-height: 0.7;
	color: var(--gold-light);
	opacity: 0.85;
}
.voice-meta {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.4rem;
}
.voice-date {
	font-size: 0.7rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(247,243,238,0.45);
}
.voice-featured-quote {
	position: relative;
	z-index: 1;
	font-family: var(--font-serif);
	font-size: clamp(1.35rem, 2.4vw, 1.95rem);
	font-style: italic;
	font-weight: 400;
	line-height: 1.45;
	color: var(--white);
	margin: 0 0 1.5rem;
	flex: 1;
}
.voice-featured-foot {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
	padding-top: 1.25rem;
	border-top: 1px solid rgba(255,255,255,0.1);
	margin-top: auto;
}
.voice-person {
	display: flex;
	align-items: center;
	gap: 0.85rem;
}
.voice-person strong {
	display: block;
	font-size: 0.95rem;
	letter-spacing: 0.04em;
}
.voice-person span {
	display: block;
	font-size: 0.78rem;
	color: rgba(247,243,238,0.55);
	margin-top: 0.15rem;
}
.voice-avatar {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--gold) 0%, #6d5743 100%);
	color: var(--white);
	font-family: var(--font-sans);
	font-size: 0.85rem;
	font-weight: 600;
	letter-spacing: 0.06em;
	flex-shrink: 0;
	box-shadow: 0 8px 24px rgba(154,123,90,0.35);
}
.voice-avatar-sm {
	width: 40px;
	height: 40px;
	font-size: 0.75rem;
}
.voice-verified {
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--sage);
	padding: 0.45rem 0.85rem;
	border: 1px solid rgba(143,165,142,0.35);
	background: rgba(143,165,142,0.08);
}

.voices-stack {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.voice-card {
	position: relative;
	padding: 1.25rem 1.2rem;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.1);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.5s var(--ease-out), background 0.4s ease, border-color 0.4s ease, box-shadow 0.5s var(--ease-out);
}
.voice-card:hover {
	transform: translateY(-4px);
	background: rgba(255,255,255,0.1);
	border-color: rgba(196,168,130,0.4);
	box-shadow: 0 20px 48px rgba(0,0,0,0.28);
}
.voice-card-shine {
	position: absolute;
	inset: 0;
	background: linear-gradient(115deg, transparent 40%, rgba(255,255,255,0.12) 50%, transparent 60%);
	transform: translateX(-120%) skewX(-12deg);
	pointer-events: none;
	transition: transform 0.85s var(--ease-out);
}
.voice-card:hover .voice-card-shine {
	transform: translateX(120%) skewX(-12deg);
}
.voice-card-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.85rem;
	position: relative;
	z-index: 1;
}
.voice-float-quote {
	font-family: var(--font-serif);
	font-size: 2.5rem;
	line-height: 0.8;
	color: rgba(196,168,130,0.45);
	transition: color 0.4s ease, transform 0.45s var(--ease-out);
}
.voice-card:hover .voice-float-quote {
	color: var(--gold-light);
	transform: scale(1.1) rotate(6deg);
}
.voice-card blockquote {
	position: relative;
	z-index: 1;
	font-family: var(--font-serif);
	font-size: 1rem;
	font-style: italic;
	line-height: 1.5;
	color: rgba(247,243,238,0.92);
	margin: 0 0 1rem;
	flex: 1;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.voice-card-foot {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	position: relative;
	z-index: 1;
	margin-top: auto;
}
.voice-card-foot strong {
	display: block;
	font-size: 0.82rem;
	letter-spacing: 0.04em;
}
.voice-card-foot span {
	display: block;
	font-size: 0.72rem;
	color: rgba(247,243,238,0.5);
	margin-top: 0.1rem;
}

.section-voices .stars { color: rgba(196,168,130,0.35); }
.section-voices .stars .filled { color: var(--gold-light); }

.voices-cta {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.85rem;
	margin-top: var(--space-xl);
	position: relative;
	z-index: 1;
}
.section-voices .btn-outline {
	color: var(--white);
	border-color: rgba(255,255,255,0.4);
}
.section-voices .btn-outline:hover {
	background: var(--white);
	color: var(--charcoal);
	border-color: var(--white);
}
.section-voices .btn-primary {
	background: var(--gold);
	border-color: var(--gold);
	color: var(--white);
}
.section-voices .btn-primary:hover {
	background: var(--gold-light);
	border-color: var(--gold-light);
}

@media (max-width: 1024px) {
	.voices-header {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}
	.voices-lede { justify-self: start; }
	.voices-stage {
		grid-template-columns: 1fr;
		min-height: 0;
	}
	.voices-col-left {
		grid-template-rows: auto auto;
	}
	.voices-col-right {
		grid-template-rows: none;
	}
	.voices-col-left > *,
	.voices-col-right > * {
		height: auto;
	}
}
@media (max-width: 640px) {
	.voice-featured,
	.voice-tall { padding: 1.5rem; }
	.voice-featured-quote { font-size: 1.3rem; }
	.voices-cta { flex-direction: column; }
	.voices-cta .btn { width: 100%; }
}

/* ─── Instagram Feed (legacy / fallback) ─────────────────────── */
.instagram-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 6px;
}
.insta-item {
	aspect-ratio: 1;
	overflow: hidden;
	position: relative;
	display: block;
}
.insta-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.7s var(--ease-out);
}
.insta-item:hover img { transform: scale(1.1); }
.insta-overlay {
	position: absolute;
	inset: 0;
	background: rgba(20,19,17,0.45);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: opacity 0.4s var(--ease-out);
}
.insta-overlay span {
	color: var(--white);
	font-size: 0.7rem;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	transform: translateY(8px);
	transition: transform 0.4s var(--ease-out);
}
.insta-item:hover .insta-overlay { opacity: 1; }
.insta-item:hover .insta-overlay span { transform: translateY(0); }

.social-links {
	display: flex;
	justify-content: center;
	gap: 1rem;
	margin-top: 2.5rem;
	flex-wrap: wrap;
}
.social-link {
	text-decoration: none;
	color: var(--charcoal);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	padding: 0.85rem 1.75rem;
	border: 1px solid var(--sand);
	background: transparent;
	transition: all 0.4s var(--ease-out);
}
.social-link:hover {
	background: var(--charcoal);
	color: var(--white);
	border-color: var(--charcoal);
	transform: translateY(-3px);
	box-shadow: var(--shadow-md);
}

/* ─── Community Ritual Showcase ──────────────────────────────── */
.section-community {
	position: relative;
	overflow: hidden;
	padding: 0 0 var(--space-2xl);
	background:
		radial-gradient(ellipse at 85% 15%, rgba(220,196,187,0.35), transparent 42%),
		radial-gradient(ellipse at 10% 90%, rgba(143,165,142,0.2), transparent 45%),
		linear-gradient(180deg, var(--linen) 0%, var(--cream) 55%, #ebe4da 100%);
}
.community-ambience {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}
.community-orb {
	position: absolute;
	border-radius: 50%;
	animation: floatOrb 11s ease-in-out infinite;
}
.community-orb-1 {
	width: 280px;
	height: 280px;
	top: 18%;
	right: -70px;
	background: radial-gradient(circle, rgba(154,123,90,0.2), transparent 70%);
}
.community-orb-2 {
	width: 220px;
	height: 220px;
	bottom: 12%;
	left: -50px;
	background: radial-gradient(circle, rgba(143,165,142,0.22), transparent 70%);
	animation-duration: 13s;
	animation-delay: -4s;
}

.community-marquee {
	overflow: hidden;
	border-bottom: 1px solid rgba(20,19,17,0.08);
	padding: 1rem 0;
	margin-bottom: var(--space-xl);
	background: rgba(255,255,255,0.35);
	backdrop-filter: blur(8px);
}
.community-marquee-track {
	display: flex;
	width: max-content;
	animation: marquee 28s linear infinite;
}
.community-marquee-group {
	display: flex;
	align-items: center;
	gap: 1.75rem;
	padding-right: 1.75rem;
	white-space: nowrap;
}
.community-marquee-group span {
	font-family: var(--font-serif);
	font-size: clamp(1.1rem, 2.2vw, 1.65rem);
	font-weight: 500;
	letter-spacing: 0.06em;
	color: var(--charcoal);
}
.community-marquee-dot {
	width: 6px !important;
	height: 6px;
	padding: 0;
	border-radius: 50%;
	background: var(--gold);
	flex-shrink: 0;
	display: inline-block;
	font-size: 0 !important;
}

.community-intro {
	display: grid;
	grid-template-columns: 1.4fr auto;
	gap: 2.5rem;
	align-items: end;
	margin-bottom: var(--space-xl);
	position: relative;
	z-index: 1;
}
.community-intro-copy h2 {
	margin-bottom: 0.75rem;
	max-width: 12ch;
}
.community-intro-copy p {
	color: var(--stone);
	font-size: 1.05rem;
	max-width: 40ch;
	line-height: 1.7;
}
.community-intro-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: flex-end;
}

.community-gallery {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(2, minmax(180px, 22vw));
	gap: 0.85rem;
	position: relative;
	z-index: 1;
}
.community-tile {
	position: relative;
	display: block;
	overflow: hidden;
	isolation: isolate;
	background: var(--charcoal);
	border: 1px solid rgba(20,19,17,0.06);
	transition:
		transform 0.55s var(--ease-out),
		box-shadow 0.55s var(--ease-out),
		border-color 0.4s ease;
}
.community-tile-1 { grid-column: 1 / 5; grid-row: 1 / 3; }
.community-tile-2 { grid-column: 5 / 8; grid-row: 1; }
.community-tile-3 { grid-column: 8 / 10; grid-row: 1; }
.community-tile-4 { grid-column: 10 / 13; grid-row: 1; }
.community-tile-5 { grid-column: 5 / 7; grid-row: 2; }
.community-tile-6 { grid-column: 7 / 10; grid-row: 2; }
.community-tile-7 { grid-column: 10 / 12; grid-row: 2; }
.community-tile-8 { grid-column: 12 / 13; grid-row: 2; }

.community-tile-media {
	position: absolute;
	inset: 0;
}
.community-tile-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.04);
	transition: transform 0.9s var(--ease-out), filter 0.5s ease;
	filter: saturate(0.92) brightness(0.95);
}
.community-tile-shine {
	position: absolute;
	inset: 0;
	z-index: 2;
	background: linear-gradient(120deg, transparent 38%, rgba(255,255,255,0.2) 50%, transparent 62%);
	transform: translateX(-130%) skewX(-14deg);
	pointer-events: none;
	transition: transform 0.85s var(--ease-out);
}
.community-tile-overlay {
	position: absolute;
	inset: 0;
	z-index: 3;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 1.15rem 1.1rem;
	background: linear-gradient(180deg, transparent 40%, rgba(20,19,17,0.78) 100%);
	color: var(--white);
	opacity: 0;
	transition: opacity 0.4s var(--ease-out);
}
.community-tile-1 .community-tile-overlay {
	opacity: 1;
	background: linear-gradient(180deg, transparent 45%, rgba(20,19,17,0.82) 100%);
}
.community-tile-handle {
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gold-light);
	margin-bottom: 0.35rem;
	transform: translateY(8px);
	transition: transform 0.45s var(--ease-out);
}
.community-tile-name {
	font-family: var(--font-serif);
	font-size: clamp(1rem, 1.6vw, 1.35rem);
	line-height: 1.25;
	transform: translateY(10px);
	transition: transform 0.5s var(--ease-out);
}
.community-tile-1 .community-tile-name {
	font-size: clamp(1.4rem, 2.4vw, 2rem);
}
.community-tile-cta {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	margin-top: 0.7rem;
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(247,243,238,0.85);
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.4s var(--ease-out), transform 0.45s var(--ease-out);
}
.community-tile-cta span { transition: transform 0.3s var(--ease-out); }

.community-tile:hover {
	transform: translateY(-6px);
	box-shadow: var(--shadow-float);
	border-color: rgba(154,123,90,0.35);
	z-index: 2;
}
.community-tile:hover .community-tile-media img {
	transform: scale(1.12);
	filter: saturate(1.05) brightness(1);
}
.community-tile:hover .community-tile-shine {
	transform: translateX(130%) skewX(-14deg);
}
.community-tile:hover .community-tile-overlay { opacity: 1; }
.community-tile:hover .community-tile-handle,
.community-tile:hover .community-tile-name {
	transform: translateY(0);
}
.community-tile:hover .community-tile-cta {
	opacity: 1;
	transform: translateY(0);
}
.community-tile:hover .community-tile-cta span { transform: translateX(4px); }
.community-tile-1 .community-tile-handle,
.community-tile-1 .community-tile-name {
	transform: translateY(0);
}

.community-footer {
	margin-top: var(--space-xl);
	text-align: center;
	position: relative;
	z-index: 1;
}
.community-footer-line {
	width: 48px;
	height: 1px;
	background: var(--gold);
	margin: 0 auto 1.25rem;
}
.community-footer-note {
	font-family: var(--font-serif);
	font-size: 1.25rem;
	color: var(--espresso);
	margin-bottom: 1.5rem;
}
.community-footer-note strong {
	color: var(--gold);
	font-weight: 500;
}
.community-footer-links {
	display: flex;
	justify-content: center;
	gap: 0.75rem;
	flex-wrap: wrap;
}
.section-community .social-link {
	background: rgba(255,255,255,0.55);
	border-color: rgba(20,19,17,0.12);
}
.section-community .social-link:hover {
	background: var(--charcoal);
	border-color: var(--charcoal);
}

@media (max-width: 1024px) {
	.community-intro {
		grid-template-columns: 1fr;
		gap: 1.5rem;
		align-items: start;
	}
	.community-intro-actions { justify-content: flex-start; }
	.community-gallery {
		grid-template-columns: repeat(6, 1fr);
		grid-template-rows: repeat(3, minmax(160px, 28vw));
	}
	.community-tile-1 { grid-column: 1 / 4; grid-row: 1 / 3; }
	.community-tile-2 { grid-column: 4 / 7; grid-row: 1; }
	.community-tile-3 { grid-column: 4 / 6; grid-row: 2; }
	.community-tile-4 { grid-column: 6 / 7; grid-row: 2; }
	.community-tile-5 { grid-column: 1 / 3; grid-row: 3; }
	.community-tile-6 { grid-column: 3 / 5; grid-row: 3; }
	.community-tile-7 { grid-column: 5 / 6; grid-row: 3; }
	.community-tile-8 { grid-column: 6 / 7; grid-row: 3; }
}
@media (max-width: 640px) {
	.community-gallery {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: none;
		grid-auto-rows: minmax(160px, 42vw);
	}
	.community-tile-1,
	.community-tile-2,
	.community-tile-3,
	.community-tile-4,
	.community-tile-5,
	.community-tile-6,
	.community-tile-7,
	.community-tile-8 {
		grid-column: auto;
		grid-row: auto;
	}
	.community-tile-1 { grid-column: 1 / 3; min-height: 280px; }
	.community-tile-overlay { opacity: 1; }
	.community-tile-handle,
	.community-tile-name { transform: none; }
	.community-tile-cta { opacity: 1; transform: none; }
}

/* Sustainability promise */
.promise-band {
	display: grid;
	grid-template-columns: 1.2fr 1fr auto;
	gap: 3rem;
	align-items: center;
	padding: 2.5rem 0;
	border-top: 1px solid var(--sand);
	border-bottom: 1px solid var(--sand);
}
.promise-copy h2 { margin-bottom: 0.5rem; }
.promise-copy p { color: var(--stone); max-width: 32ch; }
.promise-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.85rem 1.5rem;
}
.promise-list li {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	font-size: 0.92rem;
	color: var(--espresso);
}
.promise-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--sage);
	flex-shrink: 0;
}

/* ─── Page Header ────────────────────────────────────────────── */
.page-hero {
	padding: var(--space-xl) 0;
	background: var(--linen);
	text-align: center;
}
.page-hero h1 { margin-bottom: var(--space-sm); }
.breadcrumb {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	font-size: 0.8rem;
	color: var(--stone);
	margin-bottom: var(--space-sm);
}
.breadcrumb a:hover { color: var(--gold); }

/* ─── Shop Page — Premium ────────────────────────────────────── */
.shop-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(3.5rem, 8vw, 5.5rem) 0 clamp(2.75rem, 5vw, 4rem);
	background:
		radial-gradient(ellipse at 15% 20%, rgba(154,123,90,0.16), transparent 45%),
		radial-gradient(ellipse at 90% 80%, rgba(143,165,142,0.14), transparent 45%),
		linear-gradient(165deg, #1a1714 0%, #2a2420 50%, #1c1815 100%);
	color: var(--white);
	text-align: center;
}
.shop-hero-ambience {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}
.shop-orb {
	position: absolute;
	border-radius: 50%;
	animation: floatOrb 11s ease-in-out infinite;
}
.shop-orb-1 {
	width: 280px;
	height: 280px;
	top: -60px;
	left: 8%;
	background: radial-gradient(circle, rgba(196,168,130,0.28), transparent 70%);
}
.shop-orb-2 {
	width: 200px;
	height: 200px;
	right: 10%;
	bottom: -40px;
	background: radial-gradient(circle, rgba(143,165,142,0.22), transparent 70%);
	animation-duration: 13s;
	animation-delay: -3s;
}
.shop-orb-3 {
	width: 120px;
	height: 120px;
	left: 42%;
	top: 20%;
	background: radial-gradient(circle, rgba(220,196,187,0.2), transparent 70%);
	animation-duration: 9s;
	animation-delay: -5s;
}
.shop-hero-inner {
	position: relative;
	z-index: 1;
	max-width: 720px;
	margin: 0 auto;
}
.shop-hero .section-label { color: var(--gold-light); }
.shop-hero h1 {
	color: var(--white);
	font-size: clamp(2.6rem, 6vw, 4.25rem);
	margin-bottom: 0.85rem;
}
.shop-hero .lead {
	color: rgba(247,243,238,0.72);
	margin: 0 auto 1.75rem;
	max-width: 40ch;
}
.breadcrumb-shop {
	justify-content: center;
	color: rgba(247,243,238,0.5);
	margin-bottom: 1rem;
}
.breadcrumb-shop a { color: rgba(247,243,238,0.75); }
.breadcrumb-shop a:hover { color: var(--gold-light); }

.shop-hero-chips {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.65rem;
}
.shop-chip {
	display: inline-flex;
	align-items: center;
	padding: 0.65rem 1.2rem;
	border: 1px solid rgba(255,255,255,0.22);
	color: rgba(247,243,238,0.88);
	font-size: 0.7rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	background: rgba(255,255,255,0.04);
	backdrop-filter: blur(6px);
	transition: transform 0.4s var(--ease-out), background 0.35s ease, border-color 0.35s ease, color 0.35s ease;
}
.shop-chip:hover,
.shop-chip.is-active {
	background: var(--white);
	color: var(--charcoal);
	border-color: var(--white);
	transform: translateY(-3px);
}

.shop-page {
	position: relative;
	background:
		radial-gradient(ellipse at 100% 0%, rgba(154,123,90,0.06), transparent 40%),
		var(--cream);
}

.shop-layout {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: clamp(2rem, 4vw, 3.5rem);
	padding: var(--space-xl) 0 var(--space-2xl);
	align-items: start;
}

.shop-sidebar {
	position: sticky;
	top: calc(var(--header-height) + 1rem);
}
.shop-filters {
	background: rgba(255,255,255,0.72);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(20,19,17,0.08);
	padding: 0;
	box-shadow: var(--shadow-sm);
}
.shop-filters-toggle {
	list-style: none;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
	padding: 1.25rem 1.35rem;
	border-bottom: 1px solid rgba(20,19,17,0.06);
	user-select: none;
}
.shop-filters-toggle::-webkit-details-marker { display: none; }
.shop-filters-toggle span:first-child {
	font-family: var(--font-serif);
	font-size: 1.35rem;
	color: var(--charcoal);
}
.shop-filters-hint {
	font-size: 0.72rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--stone);
}
.shop-filter-form { padding: 0.5rem 1.35rem 1.5rem; }

.filter-panel {
	padding: 1.15rem 0;
	border-bottom: 1px solid rgba(20,19,17,0.06);
}
.filter-panel:last-of-type { border-bottom: none; }
.filter-panel h4 {
	font-family: var(--font-sans);
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 0.85rem;
	padding-bottom: 0;
	border: none;
}

.filter-links { display: flex; flex-direction: column; gap: 0.15rem; }
.filter-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.55rem 0.65rem;
	font-size: 0.9rem;
	color: var(--espresso);
	transition: background 0.3s ease, color 0.3s ease, transform 0.35s var(--ease-out), padding-left 0.35s ease;
}
.filter-link-arrow {
	opacity: 0;
	transform: translateX(-6px);
	color: var(--gold);
	transition: opacity 0.3s ease, transform 0.35s var(--ease-out);
}
.filter-link:hover,
.filter-link.active {
	background: rgba(154,123,90,0.08);
	color: var(--charcoal);
	padding-left: 0.85rem;
}
.filter-link.active { font-weight: 500; }
.filter-link:hover .filter-link-arrow,
.filter-link.active .filter-link-arrow {
	opacity: 1;
	transform: translateX(0);
}

.filter-check {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 0.45rem 0.35rem;
	font-size: 0.88rem;
	color: var(--espresso);
	cursor: pointer;
	transition: color 0.3s ease, transform 0.3s var(--ease-out);
}
.filter-check:hover {
	color: var(--charcoal);
	transform: translateX(3px);
}
.filter-check input {
	accent-color: var(--gold);
	width: 15px;
	height: 15px;
	flex-shrink: 0;
}
.shop-clear-filters {
	width: 100%;
	margin-top: 1rem;
}

.shop-toolbar {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem;
	margin-bottom: 1.25rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(20,19,17,0.08);
}
.shop-count {
	font-size: 0.95rem;
	color: var(--stone);
}
.shop-count strong {
	font-family: var(--font-serif);
	font-size: 1.35rem;
	font-weight: 500;
	color: var(--charcoal);
	margin-right: 0.25rem;
}
.shop-search-term {
	font-size: 0.85rem;
	color: var(--gold);
	margin-left: 0.5rem;
}
.shop-toolbar-note {
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--stone);
}

.filter-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
}
.filter-tag {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.45rem 0.85rem;
	background: var(--white);
	border: 1px solid rgba(20,19,17,0.08);
	font-size: 0.72rem;
	letter-spacing: 0.06em;
	text-transform: capitalize;
	color: var(--espresso);
	transition: transform 0.3s var(--ease-out), border-color 0.3s ease;
}
.filter-tag:hover { transform: translateY(-2px); border-color: var(--sand); }
.filter-tag-clear {
	background: var(--charcoal);
	color: var(--white);
	border-color: var(--charcoal);
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.filter-tag-clear:hover {
	background: var(--espresso);
	color: var(--white);
}

.shop-product-grid {
	gap: 2rem 1.35rem;
}
.shop-product-slot { min-width: 0; }

.shop-empty {
	padding: 4rem 1.5rem;
	background: rgba(255,255,255,0.55);
	border: 1px solid rgba(20,19,17,0.06);
}
.shop-empty-mark {
	display: block;
	font-size: 2rem;
	color: var(--gold);
	margin-bottom: 1rem;
	animation: floatOrb 6s ease-in-out infinite;
}

/* Legacy filter group support */
.shop-sidebar h4 {
	margin-bottom: var(--space-sm);
	padding-bottom: var(--space-xs);
	border-bottom: 1px solid var(--linen);
}
.filter-group { margin-bottom: var(--space-md); }
.filter-group label,
.filter-group a {
	display: block;
	padding: 0.35rem 0;
	font-size: 0.9rem;
	color: var(--espresso);
	cursor: pointer;
}
.filter-group a:hover,
.filter-group a.active { color: var(--gold); }
.filter-group input[type="checkbox"] { margin-right: 0.5rem; accent-color: var(--gold); }

/* ─── Product Detail Page ────────────────────────────────────── */
.pdp-page {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse at 0% 8%, rgba(154,123,90,0.08), transparent 40%),
		var(--cream);
}
.pdp-top {
	position: relative;
	padding: 1.5rem 0 0.5rem;
	overflow: hidden;
}
.pdp-top-ambience {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.pdp-orb {
	position: absolute;
	border-radius: 50%;
	animation: floatOrb 12s ease-in-out infinite;
}
.pdp-orb-1 {
	width: 220px;
	height: 220px;
	right: 5%;
	top: -80px;
	background: radial-gradient(circle, rgba(154,123,90,0.18), transparent 70%);
}
.pdp-orb-2 {
	width: 160px;
	height: 160px;
	left: 8%;
	top: -20px;
	background: radial-gradient(circle, rgba(143,165,142,0.16), transparent 70%);
	animation-delay: -3s;
}
.breadcrumb-pdp {
	justify-content: flex-start;
	position: relative;
	z-index: 1;
	margin: 0;
}

.product-detail,
.pdp-stage {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap: clamp(2rem, 4vw, 3.5rem);
	padding: 1.25rem 0 var(--space-2xl);
	align-items: start;
}

.pdp-gallery {
	position: sticky;
	top: calc(var(--header-height) + 1rem);
}
.product-gallery-main,
.pdp-gallery-main {
	position: relative;
	aspect-ratio: 4/5;
	overflow: hidden;
	background:
		radial-gradient(ellipse at 30% 20%, rgba(154,123,90,0.1), transparent 55%),
		var(--linen);
	margin-bottom: 0.85rem;
	isolation: isolate;
	border: 1px solid rgba(20,19,17,0.05);
}
.product-gallery-main img,
.pdp-gallery-main img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.9s var(--ease-out);
}
.pdp-gallery-main:hover img { transform: scale(1.05); }
.pdp-gallery-shine {
	position: absolute;
	inset: 0;
	background: linear-gradient(115deg, transparent 38%, rgba(255,255,255,0.2) 50%, transparent 62%);
	transform: translateX(-130%) skewX(-12deg);
	pointer-events: none;
	transition: transform 0.9s var(--ease-out);
	z-index: 1;
}
.pdp-gallery-main:hover .pdp-gallery-shine {
	transform: translateX(130%) skewX(-12deg);
}
.pdp-float-badge {
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 2;
	background: var(--charcoal);
	color: var(--white);
	font-size: 0.62rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	padding: 0.45rem 0.85rem;
}

.product-gallery-thumbs,
.pdp-thumbs {
	display: flex;
	gap: 0.55rem;
	flex-wrap: wrap;
}
.product-gallery-thumbs button,
.pdp-thumbs button {
	width: 76px;
	height: 94px;
	border: 1px solid rgba(20,19,17,0.1);
	padding: 0;
	cursor: pointer;
	overflow: hidden;
	background: var(--linen);
	transition: transform 0.35s var(--ease-out), border-color 0.3s ease, box-shadow 0.35s ease;
}
.product-gallery-thumbs button.active,
.product-gallery-thumbs button:hover,
.pdp-thumbs button.active,
.pdp-thumbs button:hover {
	border-color: var(--gold);
	transform: translateY(-3px);
	box-shadow: var(--shadow-sm);
}
.product-gallery-thumbs img,
.pdp-thumbs img { width: 100%; height: 100%; object-fit: cover; }

.pdp-video {
	margin-top: 1rem;
	aspect-ratio: 16/9;
	overflow: hidden;
	background: var(--charcoal);
	border: 1px solid rgba(20,19,17,0.08);
}
.pdp-video iframe,
.pdp-video video {
	width: 100%;
	height: 100%;
	border: 0;
	display: block;
}

.pdp-info-card {
	background: rgba(255,255,255,0.72);
	backdrop-filter: blur(12px);
	border: 1px solid rgba(20,19,17,0.08);
	padding: clamp(1.5rem, 3vw, 2.25rem);
	box-shadow: var(--shadow-sm);
	position: relative;
	overflow: hidden;
}
.pdp-info-card::before {
	content: '';
	position: absolute;
	width: 180px;
	height: 180px;
	right: -50px;
	top: -50px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(154,123,90,0.14), transparent 70%);
	pointer-events: none;
	animation: floatOrb 10s ease-in-out infinite;
}

.product-info .product-category,
.pdp-info .product-category {
	margin-bottom: 0.5rem;
	color: var(--gold);
}
.product-info h1,
.pdp-info h1 {
	margin-bottom: 0.4rem;
	font-size: clamp(2rem, 4vw, 2.75rem);
	position: relative;
}
.product-info .tagline,
.pdp-info .tagline {
	font-family: var(--font-serif);
	font-size: 1.2rem;
	font-style: italic;
	color: var(--stone);
	margin-bottom: 1rem;
}
.pdp-rating-link {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	margin-bottom: 1.15rem;
	transition: opacity 0.3s ease;
}
.pdp-rating-link:hover { opacity: 0.75; }

.product-info .price-block,
.pdp-info .price-block {
	display: flex;
	align-items: baseline;
	gap: var(--space-sm);
	margin-bottom: 1rem;
}
.product-info .price-block .price-current,
.pdp-info .price-block .price-current {
	font-family: var(--font-serif);
	font-size: 2rem;
	font-weight: 500;
}
.product-badges-row {
	display: flex;
	gap: 0.45rem;
	margin-bottom: 1.15rem;
	flex-wrap: wrap;
}
.badge-pill {
	display: inline-block;
	padding: 0.4rem 0.8rem;
	font-size: 0.65rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	border: 1px solid var(--sand);
	color: var(--espresso);
	background: rgba(255,255,255,0.7);
	transition: transform 0.3s var(--ease-out), border-color 0.3s ease;
}
.badge-pill:hover { transform: translateY(-2px); border-color: var(--gold); }
.badge-pill.gold { border-color: var(--gold); color: var(--gold); }

.pdp-meta-row {
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	margin-bottom: 1.15rem;
}
.pdp-meta-label {
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--stone);
}
.pdp-meta-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
}
.pdp-meta-chips span {
	font-size: 0.75rem;
	padding: 0.35rem 0.7rem;
	background: var(--linen);
	color: var(--espresso);
	letter-spacing: 0.04em;
}
.pdp-excerpt {
	color: var(--stone);
	margin-bottom: 1.5rem;
	line-height: 1.7;
	position: relative;
}

.pdp-buybox {
	padding: 1.25rem;
	background: linear-gradient(165deg, rgba(26,23,20,0.03), rgba(154,123,90,0.06));
	border: 1px solid rgba(20,19,17,0.08);
	margin-bottom: 1.25rem;
}
.qty-selector {
	display: flex;
	align-items: center;
	gap: 0;
	margin-bottom: 0.85rem;
	width: fit-content;
}
.qty-selector button {
	width: 44px;
	height: 44px;
	border: 1px solid var(--sand);
	background: var(--white);
	cursor: pointer;
	font-size: 1.15rem;
	transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.qty-selector button:hover {
	background: var(--charcoal);
	color: var(--white);
	border-color: var(--charcoal);
}
.qty-selector input {
	width: 56px;
	height: 44px;
	text-align: center;
	border: 1px solid var(--sand);
	border-left: none;
	border-right: none;
	font: inherit;
	background: var(--white);
}
.pdp-add-btn { margin-bottom: 0.65rem; }
.pdp-secondary-actions { display: flex; gap: 0.65rem; }
.pdp-wish-form { flex: 1; margin: 0; width: 100%; }

.pdp-subscribe {
	border-top: 1px solid rgba(20,19,17,0.08);
	padding-top: 1.25rem;
	margin-bottom: 1.25rem;
}
.pdp-subscribe-head p {
	color: var(--stone);
	font-size: 0.9rem;
	margin: 0.25rem 0 0.85rem;
}
.pdp-subscribe-row {
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
}
.pdp-subscribe-row select,
.pdp-subscribe-row input {
	padding: 0.65rem 0.8rem;
	border: 1px solid var(--sand);
	background: var(--white);
	font: inherit;
}
.pdp-subscribe-row select { flex: 1; min-width: 140px; }
.pdp-subscribe-row input { width: 64px; }

.pdp-trust {
	display: grid;
	gap: 0.55rem;
	margin: 0;
	padding-top: 0.5rem;
}
.pdp-trust li {
	display: flex;
	align-items: center;
	gap: 0.55rem;
	font-size: 0.82rem;
	color: var(--stone);
}
.pdp-trust-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--sage);
	flex-shrink: 0;
}

/* Benefits mosaic */
.pdp-benefits {
	position: relative;
	padding: var(--space-2xl) 0;
	background:
		radial-gradient(ellipse at 90% 20%, rgba(154,123,90,0.16), transparent 45%),
		linear-gradient(160deg, #1a1714 0%, #2a2420 55%, #1c1815 100%);
	color: var(--white);
	overflow: hidden;
}
.pdp-benefits .section-header h2 { color: var(--white); }
.pdp-benefits .section-label { color: var(--gold-light); }
.pdp-benefits .section-header { margin-bottom: 2rem; }
.pdp-benefits-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}
.pdp-benefit-card {
	position: relative;
	padding: 1.75rem 1.4rem;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.1);
	overflow: hidden;
	min-height: 160px;
	transition: transform 0.5s var(--ease-out), background 0.4s ease, border-color 0.4s ease, box-shadow 0.5s ease;
}
.pdp-benefit-card:hover {
	transform: translateY(-8px);
	background: rgba(255,255,255,0.1);
	border-color: rgba(196,168,130,0.4);
	box-shadow: 0 22px 48px rgba(0,0,0,0.28);
}
.pdp-benefit-index {
	display: block;
	font-family: var(--font-serif);
	font-size: 1.35rem;
	color: var(--gold-light);
	margin-bottom: 0.75rem;
}
.pdp-benefit-card p {
	color: rgba(247,243,238,0.9);
	font-size: 1.02rem;
	line-height: 1.55;
	margin: 0;
	position: relative;
	z-index: 1;
}
.pdp-benefit-glow {
	position: absolute;
	width: 120px;
	height: 120px;
	right: -30px;
	bottom: -40px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(196,168,130,0.25), transparent 70%);
	pointer-events: none;
}

/* Formula + tabs */
.pdp-story {
	padding: var(--space-2xl) 0;
	background: var(--white);
}
.pdp-story-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(2rem, 4vw, 3.5rem);
	align-items: start;
}
.pdp-story-copy h2 {
	margin-bottom: 1rem;
	font-size: clamp(1.8rem, 3vw, 2.5rem);
}
.pdp-story-copy p {
	color: var(--stone);
	line-height: 1.8;
	font-size: 1.02rem;
}
.pdp-story-panel {
	background: var(--cream);
	border: 1px solid rgba(20,19,17,0.06);
	padding: 1.5rem;
}
.product-tabs,
.pdp-tabs { margin-top: 0; }
.tab-nav {
	display: flex;
	border-bottom: 1px solid rgba(20,19,17,0.1);
	gap: 1.25rem;
	flex-wrap: wrap;
}
.tab-nav button {
	padding: 0.85rem 0;
	background: none;
	border: none;
	font-family: var(--font-sans);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--stone);
	cursor: pointer;
	border-bottom: 2px solid transparent;
	margin-bottom: -1px;
	transition: var(--transition);
}
.tab-nav button.active,
.tab-nav button:hover {
	color: var(--charcoal);
	border-bottom-color: var(--gold);
}
.tab-panel { display: none; padding: 1.25rem 0 0.25rem; }
.tab-panel.active { display: block; }
.tab-panel ul { list-style: disc; padding-left: 1.25rem; margin: var(--space-sm) 0; }
.tab-panel li { margin-bottom: 0.35rem; color: var(--espresso); }
.pdp-inci {
	font-size: 0.9rem;
	line-height: 1.85;
	color: var(--stone);
}

.benefits-list {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-xs);
	margin: var(--space-sm) 0;
}
.benefits-list li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.9rem;
	list-style: none;
	padding-left: 0;
}
.benefits-list li::before {
	content: '✓';
	color: var(--gold);
	font-weight: 600;
}

/* Reviews */
.pdp-reviews-section {
	padding: var(--space-2xl) 0;
	background:
		radial-gradient(ellipse at 10% 0%, rgba(154,123,90,0.08), transparent 40%),
		var(--linen);
}
.pdp-reviews-header {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 1.5rem;
	margin-bottom: 2rem;
	flex-wrap: wrap;
}
.pdp-reviews-header h2 { margin: 0; }
.pdp-reviews-score {
	display: flex;
	align-items: center;
	gap: 0.85rem;
}
.pdp-reviews-score strong {
	font-family: var(--font-serif);
	font-size: 2.75rem;
	font-weight: 500;
	line-height: 1;
	color: var(--charcoal);
}
.pdp-reviews-score span {
	display: block;
	font-size: 0.78rem;
	color: var(--stone);
	margin-top: 0.25rem;
}
.pdp-reviews-empty {
	color: var(--stone);
	margin-bottom: 2rem;
}
.pdp-reviews-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	margin-bottom: 2.5rem;
}
.review-card {
	padding: 1.35rem;
	background: rgba(255,255,255,0.75);
	border: 1px solid rgba(20,19,17,0.06);
	transition: transform 0.45s var(--ease-out), box-shadow 0.45s var(--ease-out), border-color 0.35s ease;
}
.review-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--shadow-md);
	border-color: rgba(154,123,90,0.28);
}
.review-card-header {
	display: flex;
	justify-content: space-between;
	gap: 0.75rem;
	margin-bottom: 0.75rem;
}
.review-card h3 {
	font-family: var(--font-serif);
	font-size: 1.15rem;
	text-transform: none;
	letter-spacing: 0;
	margin-bottom: 0.35rem;
}
.review-card p {
	color: var(--stone);
	font-size: 0.92rem;
	line-height: 1.6;
	margin: 0;
}
.review-verified {
	font-size: 0.65rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--sage);
	white-space: nowrap;
}

.pdp-review-form {
	background: rgba(255,255,255,0.8);
	border: 1px solid rgba(20,19,17,0.06);
	padding: clamp(1.5rem, 3vw, 2.25rem);
	margin-bottom: 2.5rem;
}
.pdp-review-form h3 {
	font-family: var(--font-serif);
	font-size: 1.6rem;
	text-transform: none;
	letter-spacing: 0;
	margin-bottom: 1.25rem;
}
.pdp-faq h3 {
	font-family: var(--font-serif);
	font-size: 1.6rem;
	text-transform: none;
	letter-spacing: 0;
	margin-bottom: 1rem;
}

.pdp-related { background: var(--cream); }
.pdp-recent { margin-top: 0; }

@media (max-width: 1024px) {
	.pdp-gallery { position: static; }
	.pdp-benefits-grid { grid-template-columns: 1fr 1fr; }
	.pdp-story-grid { grid-template-columns: 1fr; }
	.pdp-reviews-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
	.pdp-benefits-grid,
	.pdp-reviews-grid { grid-template-columns: 1fr; }
	.pdp-info-card { padding: 1.25rem; }
	.pdp-buybox { padding: 1rem; }
}

/* ─── Forms ──────────────────────────────────────────────────── */
.form-group { margin-bottom: var(--space-md); }
.form-group label {
	display: block;
	font-size: 0.8rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin-bottom: 0.4rem;
	color: var(--espresso);
}
.form-group input,
.form-group textarea,
.form-group select {
	width: 100%;
	padding: 0.875rem 1rem;
	border: 1px solid var(--sand);
	background: var(--white);
	font: inherit;
	color: var(--charcoal);
	transition: border-color var(--transition);
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
	outline: none;
	border-color: var(--gold);
}
.form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-md);
}
.form-card {
	background: var(--white);
	border: 1px solid var(--linen);
	padding: var(--space-lg);
}

/* ─── Cart & Checkout ────────────────────────────────────────── */
.cart-table { width: 100%; border-collapse: collapse; }
.cart-table th {
	text-align: left;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: var(--space-sm) 0;
	border-bottom: 1px solid var(--linen);
	color: var(--stone);
}
.cart-table td {
	padding: var(--space-md) 0;
	border-bottom: 1px solid var(--linen);
	vertical-align: middle;
}
.cart-product {
	display: flex;
	align-items: center;
	gap: var(--space-md);
}
.cart-product img {
	width: 80px;
	height: 100px;
	object-fit: cover;
}
.cart-summary {
	background: var(--linen);
	padding: var(--space-lg);
	position: sticky;
	top: calc(var(--header-height) + var(--space-md));
}
.summary-row {
	display: flex;
	justify-content: space-between;
	padding: 0.5rem 0;
	font-size: 0.9rem;
}
.summary-row.total {
	font-weight: 600;
	font-size: 1.1rem;
	border-top: 1px solid var(--sand);
	margin-top: var(--space-sm);
	padding-top: var(--space-sm);
}
.checkout-layout {
	display: grid;
	grid-template-columns: 1fr 400px;
	gap: var(--space-xl);
	padding: var(--space-xl) 0 var(--space-2xl);
}
.payment-options {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--space-sm);
	margin: var(--space-md) 0;
}
.payment-option {
	display: flex;
	align-items: center;
	gap: var(--space-xs);
	padding: var(--space-sm);
	border: 1px solid var(--sand);
	cursor: pointer;
	font-size: 0.85rem;
}
.payment-option input { accent-color: var(--gold); }
.payment-option.selected { border-color: var(--gold); background: rgba(168,137,106,0.05); }

/* ─── Blog ───────────────────────────────────────────────────── */
.blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-md);
}
.blog-card { display: block; }
.blog-card-image {
	aspect-ratio: 16/10;
	overflow: hidden;
	margin-bottom: var(--space-sm);
	background: var(--linen);
}
.blog-card-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}
.blog-card:hover .blog-card-image img { transform: scale(1.04); }
.blog-card-category {
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--gold);
}
.blog-card h3 {
	font-size: 1.25rem;
	margin: 0.35rem 0;
	transition: color var(--transition);
}
.blog-card:hover h3 { color: var(--gold); }
.blog-card-excerpt {
	font-size: 0.9rem;
	color: var(--stone);
}
.blog-article {
	max-width: 760px;
	margin: 0 auto;
	padding: var(--space-xl) 0 var(--space-2xl);
}
.blog-article-image {
	aspect-ratio: 16/9;
	overflow: hidden;
	margin-bottom: var(--space-lg);
}
.blog-article-image img { width: 100%; height: 100%; object-fit: cover; }
.blog-article-meta {
	display: flex;
	gap: var(--space-md);
	font-size: 0.8rem;
	color: var(--stone);
	margin-bottom: var(--space-md);
}
.blog-article-content h3 {
	font-size: 1.35rem;
	margin: var(--space-md) 0 var(--space-sm);
}
.blog-article-content p { margin-bottom: var(--space-sm); }

/* ─── FAQ Accordion ──────────────────────────────────────────── */
.faq-list { max-width: 800px; margin: 0 auto; }
.faq-item {
	border-bottom: 1px solid var(--linen);
}
.faq-question {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: var(--space-md) 0;
	background: none;
	border: none;
	cursor: pointer;
	font-family: var(--font-serif);
	font-size: 1.15rem;
	text-align: left;
	color: var(--charcoal);
}
.faq-question::after {
	content: '+';
	font-family: var(--font-sans);
	font-size: 1.25rem;
	color: var(--gold);
	transition: transform var(--transition);
}
.faq-item.open .faq-question::after { transform: rotate(45deg); }
.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease;
}
.faq-item.open .faq-answer { max-height: 300px; }
.faq-answer p {
	padding-bottom: var(--space-md);
	color: var(--stone);
	font-size: 0.95rem;
}

/* ─── Account ────────────────────────────────────────────────── */
.account-layout {
	display: grid;
	grid-template-columns: 240px 1fr;
	gap: var(--space-xl);
	padding: var(--space-xl) 0 var(--space-2xl);
}
.account-nav a {
	display: block;
	padding: 0.6rem 0;
	font-size: 0.9rem;
	color: var(--espresso);
	border-bottom: 1px solid var(--linen);
}
.account-nav a:hover,
.account-nav a.active { color: var(--gold); }
.stat-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-md);
	margin-bottom: var(--space-lg);
}
.stat-card {
	background: var(--linen);
	padding: var(--space-md);
	text-align: center;
}
.stat-card strong {
	display: block;
	font-family: var(--font-serif);
	font-size: 2rem;
	color: var(--charcoal);
}

/* ─── Admin ──────────────────────────────────────────────────── */
.admin-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
.admin-table th, .admin-table td {
	padding: 0.75rem 1rem;
	text-align: left;
	border-bottom: 1px solid var(--linen);
}
.admin-table th {
	font-size: 0.75rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--stone);
	background: var(--linen);
}
.status-badge {
	display: inline-block;
	padding: 0.2rem 0.6rem;
	font-size: 0.7rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.status-pending { background: #FFF3E0; color: #E65100; }
.status-processing { background: #E3F2FD; color: #1565C0; }
.status-shipped { background: #E8F5E9; color: #2E7D32; }
.status-delivered { background: var(--linen); color: var(--espresso); }

/* Admin styles → assets/css/admin.css */

/* ─── Offers ─────────────────────────────────────────────────── */
.offers-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-md);
}
.offer-card {
	background: var(--white);
	border: 1px solid var(--linen);
	overflow: hidden;
}
.offer-card-image {
	aspect-ratio: 16/10;
	overflow: hidden;
}
.offer-card-image img { width: 100%; height: 100%; object-fit: cover; }
.offer-card-body { padding: var(--space-md); }
.offer-code {
	display: inline-block;
	background: var(--charcoal);
	color: var(--gold-light);
	padding: 0.35rem 0.75rem;
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.1em;
	margin-top: var(--space-sm);
}

/* ─── About Page ─────────────────────────────────────────────── */
.about-hero-luxury {
	position: relative;
	min-height: 75vh;
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	background: var(--charcoal);
	color: var(--white);
	padding-bottom: 4rem;
}

.about-hero-bg {
	position: absolute;
	inset: 0;
	background: url('https://images.unsplash.com/photo-1612817288484-6f916006741a?w=1600&q=80') center/cover no-repeat;
}

.about-hero-bg::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(26,25,24,0.3) 0%, rgba(26,25,24,0.75) 60%, rgba(26,25,24,0.95) 100%);
}

.about-hero-inner {
	position: relative;
	z-index: 1;
	max-width: 640px;
	padding: var(--space-2xl) 0 var(--space-lg);
}

.about-hero-luxury h1 {
	color: var(--white);
	margin-bottom: var(--space-md);
}

.about-hero-luxury .lead {
	color: rgba(255,255,255,0.75);
	font-size: 1.1rem;
	line-height: 1.7;
	max-width: 520px;
}

.about-hero-luxury .section-label {
	color: var(--gold-light);
}

.breadcrumb-light {
	justify-content: flex-start;
	color: rgba(255,255,255,0.5);
	margin-bottom: var(--space-md);
}

.breadcrumb-light a { color: rgba(255,255,255,0.65); }
.breadcrumb-light a:hover { color: var(--gold-light); }

.about-hero-scroll {
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.35rem;
	color: rgba(255,255,255,0.45);
	font-size: 0.7rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	animation: about-bob 2.5s ease-in-out infinite;
}

@keyframes about-bob {
	0%, 100% { transform: translateX(-50%) translateY(0); }
	50% { transform: translateX(-50%) translateY(6px); }
}

/* Stats band */
.about-stats {
	background: var(--white);
	border-bottom: 1px solid var(--linen);
	padding: var(--space-xl) 0;
	margin-top: -2rem;
	position: relative;
	z-index: 2;
}

.about-stats-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-md);
	background: var(--white);
	padding: var(--space-lg) var(--space-xl);
	box-shadow: var(--shadow-md);
	border: 1px solid var(--linen);
}

.about-stat {
	text-align: center;
	padding: var(--space-sm);
	border-right: 1px solid var(--linen);
}

.about-stat:last-child { border-right: none; }

.about-stat strong {
	display: block;
	font-family: var(--font-serif);
	font-size: clamp(1.75rem, 3vw, 2.25rem);
	color: var(--charcoal);
	line-height: 1.2;
	margin-bottom: 0.35rem;
}

.about-stat span {
	font-size: 0.8rem;
	color: var(--stone);
	letter-spacing: 0.04em;
}

/* Story section */
.about-story {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-2xl);
	align-items: center;
}

.about-story-content p {
	color: var(--stone);
	margin-bottom: var(--space-md);
	line-height: 1.75;
}

.about-story-content .lead {
	color: var(--espresso);
	margin-bottom: var(--space-md);
}

.about-pullquote {
	margin: var(--space-lg) 0 0;
	padding: var(--space-md) 0 var(--space-md) var(--space-md);
	border-left: 3px solid var(--gold);
	background: linear-gradient(90deg, rgba(168,137,106,0.06) 0%, transparent 100%);
}

.about-pullquote p {
	font-family: var(--font-serif);
	font-size: 1.15rem;
	font-style: italic;
	color: var(--charcoal);
	line-height: 1.6;
	margin: 0;
}

.about-pullquote em {
	color: var(--gold);
	font-style: normal;
	font-weight: 500;
}

.about-story-visual {
	position: relative;
	min-height: 520px;
}

.about-story-image {
	overflow: hidden;
	border-radius: var(--radius-sm);
}

.about-story-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.about-story-image:hover img { transform: scale(1.03); }

.about-story-image-main {
	position: absolute;
	top: 0;
	right: 0;
	width: 75%;
	height: 85%;
	box-shadow: var(--shadow-lg);
}

.about-story-image-accent {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 45%;
	height: 55%;
	border: 4px solid var(--white);
	box-shadow: var(--shadow-md);
	z-index: 2;
}

.about-story-badge {
	position: absolute;
	top: 10%;
	left: 5%;
	z-index: 3;
	background: var(--charcoal);
	color: var(--white);
	padding: 1rem 1.25rem;
	text-align: center;
	box-shadow: var(--shadow-md);
}

.about-story-badge-label {
	display: block;
	font-size: 0.65rem;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: var(--gold-light);
	margin-bottom: 0.2rem;
}

.about-story-badge strong {
	font-family: var(--font-serif);
	font-size: 1.1rem;
	font-weight: 500;
}

/* Values */
.about-values {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-lg);
	margin-top: var(--space-xl);
}

.about-value-card {
	padding: var(--space-xl) var(--space-lg);
	background: var(--white);
	border: 1px solid var(--linen);
	text-align: center;
	transition: transform var(--transition), box-shadow var(--transition);
}

.about-value-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-md);
	border-color: rgba(168,137,106,0.3);
}

.about-value-icon {
	width: 64px;
	height: 64px;
	margin: 0 auto var(--space-md);
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, var(--linen) 0%, var(--cream) 100%);
	border-radius: 50%;
	color: var(--gold);
}

.about-value-card h3 {
	margin-bottom: var(--space-sm);
	font-size: 1.35rem;
}

.about-value-card p {
	font-size: 0.9rem;
	color: var(--stone);
	line-height: 1.65;
}

/* Timeline */
.about-timeline {
	max-width: 720px;
	margin: var(--space-xl) auto 0;
	position: relative;
	padding-left: 2rem;
}

.about-timeline::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 2px;
	background: linear-gradient(180deg, var(--gold) 0%, var(--sand) 100%);
}

.about-timeline-item {
	position: relative;
	padding: 0 0 var(--space-xl) var(--space-lg);
}

.about-timeline-item:last-child { padding-bottom: 0; }

.about-timeline-item::before {
	content: '';
	position: absolute;
	left: calc(-2rem - 5px);
	top: 0.35rem;
	width: 12px;
	height: 12px;
	background: var(--gold);
	border: 3px solid var(--white);
	border-radius: 50%;
	box-shadow: 0 0 0 2px var(--gold);
}

.about-timeline-year {
	display: inline-block;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 0.5rem;
}

.about-timeline-content h4 {
	font-family: var(--font-serif);
	font-size: 1.25rem;
	margin-bottom: 0.5rem;
	color: var(--charcoal);
}

.about-timeline-content p {
	font-size: 0.95rem;
	color: var(--stone);
	line-height: 1.65;
	margin: 0;
}

/* Philosophy */
.about-philosophy {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-2xl);
	align-items: center;
}

.about-philosophy-images {
	position: relative;
	min-height: 480px;
}

.about-philosophy-img-1 {
	width: 70%;
	height: auto;
	border-radius: var(--radius-sm);
	box-shadow: var(--shadow-md);
}

.about-philosophy-img-2 {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 55%;
	border: 4px solid var(--white);
	border-radius: var(--radius-sm);
	box-shadow: var(--shadow-lg);
}

.about-philosophy-text .lead {
	margin-bottom: var(--space-md);
}

.about-philosophy-list {
	list-style: none;
	margin: var(--space-lg) 0;
	padding: 0;
}

.about-philosophy-list li {
	padding: var(--space-md) 0;
	border-bottom: 1px solid var(--linen);
}

.about-philosophy-list li:last-child { border-bottom: none; }

.about-philosophy-list strong {
	display: block;
	font-size: 0.95rem;
	color: var(--charcoal);
	margin-bottom: 0.25rem;
}

.about-philosophy-list span {
	font-size: 0.9rem;
	color: var(--stone);
}

/* Certifications */
.about-certs {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-md);
}

.about-cert {
	text-align: center;
	padding: var(--space-lg);
	background: var(--white);
	border: 1px solid var(--linen);
	transition: border-color var(--transition);
}

.about-cert:hover { border-color: var(--gold); }

.about-cert-icon-svg {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	margin: 0 auto 0.75rem;
	background: var(--linen);
	border-radius: 50%;
	color: var(--gold);
}

.about-cert strong {
	display: block;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--charcoal);
	margin-bottom: 0.25rem;
}

.about-cert span {
	font-size: 0.75rem;
	color: var(--stone);
}

/* CTA */
.about-cta {
	position: relative;
	padding: var(--space-2xl) 0;
	overflow: hidden;
}

.about-cta-bg {
	position: absolute;
	inset: 0;
	background: url('https://images.unsplash.com/photo-1556228578-0d85b1a4d571?w=1600&q=80') center/cover no-repeat;
}

.about-cta-bg::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, rgba(26,25,24,0.92) 0%, rgba(26,25,24,0.85) 100%);
}

.about-cta-inner {
	position: relative;
	z-index: 1;
	text-align: center;
	max-width: 640px;
	margin: 0 auto;
	padding: var(--space-xl) 0;
}

.section-label-light { color: var(--gold-light); }

.about-cta-inner h2 {
	color: var(--white);
	margin-bottom: var(--space-md);
}

.about-cta-inner p {
	color: rgba(255,255,255,0.7);
	font-size: 1.05rem;
	line-height: 1.7;
	margin-bottom: var(--space-lg);
}

.about-cta-actions {
	display: flex;
	gap: var(--space-sm);
	justify-content: center;
	flex-wrap: wrap;
}

.btn-outline-light {
	color: var(--white);
	border-color: rgba(255,255,255,0.4);
}

.btn-outline-light:hover {
	background: var(--white);
	color: var(--charcoal);
	border-color: var(--white);
}

/* Legacy about (wholesale etc.) */
.about-hero {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-xl);
	align-items: center;
	padding: var(--space-2xl) 0;
}
.about-image {
	aspect-ratio: 4/5;
	overflow: hidden;
}
.about-image img { width: 100%; height: 100%; object-fit: cover; }
.values-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-md);
	margin-top: var(--space-xl);
}
.value-card {
	text-align: center;
	padding: var(--space-lg);
	background: var(--white);
	border: 1px solid var(--linen);
}
.value-card h3 { margin-bottom: var(--space-sm); }
.value-card p { font-size: 0.9rem; color: var(--stone); }

@media (max-width: 900px) {
	.about-stats-grid { grid-template-columns: repeat(2, 1fr); }
	.about-stat:nth-child(2) { border-right: none; }
	.about-stat { border-bottom: 1px solid var(--linen); }
	.about-stat:nth-child(3),
	.about-stat:nth-child(4) { border-bottom: none; }
	.about-story,
	.about-philosophy { grid-template-columns: 1fr; }
	.about-story-visual { min-height: 400px; margin-top: var(--space-lg); }
	.about-values,
	.about-certs { grid-template-columns: 1fr; }
	.about-philosophy-images { min-height: 360px; margin-bottom: var(--space-lg); }
}

@media (max-width: 600px) {
	.about-stats-grid { grid-template-columns: 1fr; padding: var(--space-md); }
	.about-stat { border-right: none; }
	.about-hero-luxury { min-height: 65vh; }
}

/* ─── Footer ─────────────────────────────────────────────────── */
.site-footer {
	background: var(--charcoal);
	color: var(--linen);
}
.footer-newsletter {
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding: var(--space-xl) 0;
}
.newsletter-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--space-lg);
}
.newsletter-text h3 {
	color: var(--white);
	font-size: 1.75rem;
	margin-bottom: 0.25rem;
}
.newsletter-text p { color: var(--sand); font-size: 0.9rem; }
.newsletter-form {
	display: flex;
	gap: 0;
	min-width: 420px;
}
.newsletter-form input {
	flex: 1;
	padding: 0.875rem 1rem;
	border: 1px solid rgba(255,255,255,0.2);
	background: rgba(255,255,255,0.05);
	color: var(--white);
	font: inherit;
}
.newsletter-form input::placeholder { color: var(--stone); }
.newsletter-form .btn-primary { flex-shrink: 0; }

.footer-grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: var(--space-xl);
	padding: var(--space-xl) 0;
}
.footer-logo .logo-main { color: var(--white); }
.footer-logo .logo-sub { color: var(--gold-light); }
.footer-tagline {
	font-size: 0.9rem;
	color: var(--sand);
	margin: var(--space-sm) 0 var(--space-md);
	max-width: 320px;
	line-height: 1.6;
}
.footer-badges { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.footer-badges .badge-pill {
	border: 1px solid rgba(196,168,130,0.45);
	color: var(--linen);
	background: rgba(255,255,255,0.06);
	font-size: 0.65rem;
	letter-spacing: 0.08em;
}
.footer-badges .badge-pill:hover {
	border-color: var(--gold-light);
	color: var(--white);
	background: rgba(255,255,255,0.1);
}
.footer-col h4 {
	color: var(--white);
	font-size: 0.75rem;
	margin-bottom: var(--space-sm);
}
.footer-col ul li { margin-bottom: 0.5rem; }
.footer-col a {
	font-size: 0.85rem;
	color: var(--sand);
	transition: color var(--transition);
}
.footer-col a:hover { color: var(--gold-light); }

.footer-bottom {
	border-top: 1px solid rgba(255,255,255,0.1);
	padding: var(--space-md) 0;
}
.footer-bottom-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 0.8rem;
	color: var(--stone);
}
.footer-legal { display: flex; gap: var(--space-md); }
.footer-legal a { color: var(--stone); }
.footer-legal a:hover { color: var(--gold-light); }
.footer-social a { color: var(--sand); letter-spacing: 0.05em; font-size: 0.8rem; }
.footer-social a:hover { color: var(--gold-light); }

/* ─── Cookie Banner ────────────────────────────────────────────── */
.cookie-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--white);
	border-top: 1px solid var(--linen);
	box-shadow: var(--shadow-lg);
	z-index: 500;
	padding: var(--space-md);
}
.cookie-banner[hidden] { display: none; }
.cookie-inner {
	max-width: 1280px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--space-md);
}
.cookie-inner p { font-size: 0.85rem; color: var(--stone); max-width: 640px; }
.cookie-inner a { color: var(--gold); text-decoration: underline; }
.cookie-actions { display: flex; gap: var(--space-sm); flex-shrink: 0; }

/* ─── Empty State ──────────────────────────────────────────────── */
.empty-state {
	text-align: center;
	padding: var(--space-2xl) var(--space-md);
}
.empty-state h2 { margin-bottom: var(--space-sm); }
.empty-state p { color: var(--stone); margin-bottom: var(--space-lg); }

/* ─── 404 ──────────────────────────────────────────────────────── */
.page-404 {
	text-align: center;
	padding: var(--space-2xl) var(--space-md);
	min-height: 60vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.page-404 h1 { font-size: 6rem; color: var(--sand); margin-bottom: var(--space-sm); }

/* ─── Text Center CTA ──────────────────────────────────────────── */
.section-cta { text-align: center; margin-top: var(--space-lg); }

/* ─── Responsive ───────────────────────────────────────────────── */
@media (max-width: 1024px) {
	.product-grid { grid-template-columns: repeat(3, 1fr); }
	.collection-grid { grid-template-columns: repeat(2, 1fr); }
	.concern-grid { grid-template-columns: repeat(2, 1fr); }
	.testimonial-grid { grid-template-columns: 1fr 1fr; }
	.instagram-grid { grid-template-columns: repeat(3, 1fr); }
	.product-detail,
	.pdp-stage { grid-template-columns: 1fr; }
	.checkout-layout { grid-template-columns: 1fr; }
	.footer-grid { grid-template-columns: 1fr 1fr; }
	.blog-grid { grid-template-columns: repeat(2, 1fr); }
	.ingredient-spotlight { grid-template-columns: 1fr; }
	.about-hero { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
	.menu-toggle { display: flex; justify-self: start; }
	.header-inner { grid-template-columns: auto 1fr auto; }
	.logo { justify-self: center; }

	.nav-main {
		position: fixed;
		top: calc(var(--header-height) + 36px);
		left: 0;
		right: 0;
		bottom: 0;
		background: var(--white);
		padding: var(--space-md);
		transform: translateX(-100%);
		transition: transform var(--transition);
		z-index: 150;
		overflow-y: auto;
	}
	.nav-main.open { transform: translateX(0); }
	.nav-list { flex-direction: column; align-items: stretch; gap: 0; }
	.nav-list a { display: block; padding: var(--space-sm) 0; border-bottom: 1px solid var(--linen); }
	.dropdown {
		position: static;
		transform: none;
		opacity: 1;
		visibility: visible;
		box-shadow: none;
		border: none;
		padding: 0 0 var(--space-sm) var(--space-md);
		min-width: auto;
	}
	.dropdown-grid { grid-template-columns: 1fr; }

	.product-grid,
	.product-grid-3,
	.blog-grid,
	.offers-grid,
	.values-grid { grid-template-columns: 1fr 1fr; }
	.collection-grid { grid-template-columns: 1fr; }
	.testimonial-grid { grid-template-columns: 1fr; }
	.shop-layout { grid-template-columns: 1fr; }
	.shop-sidebar {
		position: static;
		top: auto;
	}
	.shop-toolbar-note { display: none; }
	.shop-product-grid { grid-template-columns: repeat(2, 1fr); }
	.form-row { grid-template-columns: 1fr; }
	.account-layout { grid-template-columns: 1fr; }
	.newsletter-inner { flex-direction: column; text-align: center; }
	.newsletter-form { min-width: auto; width: 100%; flex-direction: column; }
	.footer-grid { grid-template-columns: 1fr; }
	.footer-bottom-inner { flex-direction: column; gap: var(--space-sm); text-align: center; }
	.hero-trust { flex-wrap: wrap; gap: var(--space-md); }
	.stat-grid { grid-template-columns: 1fr; }
	.benefits-list { grid-template-columns: 1fr; }
	.cookie-inner { flex-direction: column; text-align: center; }
}

@media (max-width: 480px) {
	.product-grid,
	.product-grid-3,
	.blog-grid,
	.offers-grid,
	.concern-grid { grid-template-columns: 1fr; }
	.hero-luxury { min-height: 70vh; }
	.instagram-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ─── Animations ───────────────────────────────────────────────── */
.fade-in {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.85s var(--ease-out), transform 0.85s var(--ease-out);
}
.fade-in.visible {
	opacity: 1;
	transform: translateY(0);
}

@keyframes floatOrb {
	0%, 100% { transform: translateY(0) translateX(0) scale(1); }
	33% { transform: translateY(-18px) translateX(8px) scale(1.04); }
	66% { transform: translateY(10px) translateX(-6px) scale(0.97); }
}

@keyframes heroKen {
	0% { transform: scale(1.08) translate(0, 0); }
	100% { transform: scale(1.16) translate(-1.5%, -1%); }
}

@keyframes scrollPulse {
	0%, 100% { transform: scaleY(1); opacity: 0.7; transform-origin: top; }
	50% { transform: scaleY(0.65); opacity: 0.35; transform-origin: top; }
}

@keyframes marquee {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}

.logo-main {
	transition: letter-spacing 0.4s var(--ease-out);
}
.logo:hover .logo-main { letter-spacing: 0.04em; }

.nav-list a {
	position: relative;
}
.nav-list a::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 100%;
	height: 1px;
	background: var(--gold);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.35s var(--ease-out);
}
.nav-list a:hover::after,
.nav-list a.active::after {
	transform: scaleX(1);
	transform-origin: left;
}

@media (max-width: 1024px) {
	.pillars-rail { grid-template-columns: 1fr; }
	.pillar-item { border-right: none; border-bottom: 1px solid var(--sand); }
	.pillar-item:last-child { border-bottom: none; }
	.promise-band { grid-template-columns: 1fr; gap: 1.75rem; }
	.hero-brand-inner { max-width: 100%; }
}

@media (max-width: 768px) {
	.hero-scroll-cue { display: none; }
	.hero-brand { min-height: 92vh; align-items: flex-end; }
	.hero-brand-name { font-size: clamp(3rem, 16vw, 4.5rem); }
	.promise-list { grid-template-columns: 1fr; }
	.orb-1 { width: 160px; height: 160px; }
	.orb-2, .orb-3 { display: none; }
}

/* ─── Ingredients Glossary & Detail ──────────────────────────── */
.ing-hero {
	position: relative;
	overflow: hidden;
	padding: clamp(3.5rem, 8vw, 5.5rem) 0 3.5rem;
	text-align: center;
	background:
		radial-gradient(ellipse at 20% 20%, rgba(154,123,90,0.16), transparent 45%),
		radial-gradient(ellipse at 85% 80%, rgba(143,165,142,0.14), transparent 45%),
		linear-gradient(165deg, #1a1714 0%, #2a2420 50%, #1c1815 100%);
	color: var(--white);
}
.ing-hero-ambience,
.ing-detail-hero-ambience {
	position: absolute;
	inset: 0;
	pointer-events: none;
	overflow: hidden;
}
.ing-orb {
	position: absolute;
	border-radius: 50%;
	animation: floatOrb 11s ease-in-out infinite;
}
.ing-orb-1 {
	width: 280px;
	height: 280px;
	top: -70px;
	left: 6%;
	background: radial-gradient(circle, rgba(196,168,130,0.28), transparent 70%);
}
.ing-orb-2 {
	width: 200px;
	height: 200px;
	right: 8%;
	bottom: -40px;
	background: radial-gradient(circle, rgba(143,165,142,0.22), transparent 70%);
	animation-duration: 13s;
	animation-delay: -3s;
}
.ing-orb-3 {
	width: 110px;
	height: 110px;
	left: 48%;
	top: 30%;
	background: radial-gradient(circle, rgba(220,196,187,0.22), transparent 70%);
	animation-duration: 9s;
}
.ing-hero-inner { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; }
.ing-hero .section-label { color: var(--gold-light); }
.ing-hero h1 {
	color: var(--white);
	font-size: clamp(2.6rem, 6vw, 4.2rem);
	margin-bottom: 0.85rem;
}
.ing-hero .lead {
	color: rgba(247,243,238,0.72);
	margin: 0 auto 2rem;
	max-width: 42ch;
}
.ing-hero-stats {
	display: flex;
	justify-content: center;
	gap: 2.5rem;
	flex-wrap: wrap;
}
.ing-hero-stats strong {
	display: block;
	font-family: var(--font-serif);
	font-size: 1.85rem;
	font-weight: 500;
	color: var(--gold-light);
}
.ing-hero-stats span {
	font-size: 0.7rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(247,243,238,0.5);
}

.ing-featured {
	padding: var(--space-2xl) 0;
	background: var(--cream);
}
.ing-featured-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
}
.ing-feature-card {
	display: block;
	background: var(--white);
	border: 1px solid rgba(20,19,17,0.06);
	overflow: hidden;
	transition: transform 0.55s var(--ease-out), box-shadow 0.55s var(--ease-out), border-color 0.4s ease;
}
.ing-feature-card:hover {
	transform: translateY(-8px);
	box-shadow: var(--shadow-float);
	border-color: rgba(154,123,90,0.3);
}
.ing-feature-media {
	position: relative;
	aspect-ratio: 1;
	overflow: hidden;
	background: var(--linen);
}
.ing-feature-media img,
.ing-card-media img,
.ing-detail-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.9s var(--ease-out);
}
.ing-feature-card:hover .ing-feature-media img,
.ing-card:hover .ing-card-media img { transform: scale(1.08); }
.ing-feature-shine,
.ing-card-shine,
.ing-detail-shine {
	position: absolute;
	inset: 0;
	background: linear-gradient(115deg, transparent 40%, rgba(255,255,255,0.22) 50%, transparent 60%);
	transform: translateX(-120%) skewX(-12deg);
	transition: transform 0.85s var(--ease-out);
	pointer-events: none;
}
.ing-feature-card:hover .ing-feature-shine,
.ing-card:hover .ing-card-shine,
.ing-detail-media:hover .ing-detail-shine { transform: translateX(120%) skewX(-12deg); }
.ing-feature-index {
	position: absolute;
	top: 0.85rem;
	right: 0.9rem;
	font-family: var(--font-serif);
	font-size: 1.35rem;
	color: rgba(255,255,255,0.85);
	text-shadow: 0 2px 10px rgba(0,0,0,0.3);
}
.ing-feature-body,
.ing-card-body { padding: 1.15rem 1.15rem 1.35rem; }
.ing-feature-body h3,
.ing-card-body h3 {
	font-size: 1.25rem;
	margin: 0.4rem 0 0.45rem;
}
.ing-feature-body p,
.ing-card-body p {
	color: var(--stone);
	font-size: 0.88rem;
	line-height: 1.55;
	margin-bottom: 0.75rem;
}
.ing-chip {
	display: inline-block;
	font-size: 0.62rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--gold);
	border: 1px solid rgba(154,123,90,0.35);
	padding: 0.25rem 0.55rem;
}
.ing-link {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	font-size: 0.7rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gold);
	transition: gap 0.35s var(--ease-out);
}
.ing-feature-card:hover .ing-link,
.ing-card:hover .ing-link { gap: 0.65rem; }

.ing-glossary { background: var(--white); }
.ing-glossary-head {
	display: flex;
	justify-content: space-between;
	align-items: end;
	gap: 1.5rem;
	margin-bottom: 2rem;
	flex-wrap: wrap;
}
.ing-letter-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}
.ing-letter {
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(20,19,17,0.1);
	font-size: 0.75rem;
	font-weight: 600;
	color: var(--espresso);
	transition: background 0.3s ease, color 0.3s ease, transform 0.3s var(--ease-out);
}
.ing-letter:hover {
	background: var(--charcoal);
	color: var(--white);
	transform: translateY(-2px);
}
.ing-letter-block { margin-bottom: 2.5rem; }
.ing-letter-heading {
	display: block;
	font-family: var(--font-serif);
	font-size: 2rem;
	color: var(--gold);
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid rgba(20,19,17,0.08);
}
.ing-card-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.15rem;
}
.ing-card {
	display: grid;
	grid-template-columns: 140px 1fr;
	background: var(--cream);
	border: 1px solid rgba(20,19,17,0.06);
	overflow: hidden;
	transition: transform 0.5s var(--ease-out), box-shadow 0.5s var(--ease-out), border-color 0.35s ease;
}
.ing-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--shadow-md);
	border-color: rgba(154,123,90,0.28);
}
.ing-card-media {
	position: relative;
	overflow: hidden;
	background: var(--linen);
	min-height: 160px;
}
.ing-sci {
	display: block;
	font-size: 0.72rem;
	font-style: italic;
	color: var(--stone);
	margin-bottom: 0.4rem;
}
.ing-benefit-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin-bottom: 0.75rem;
}
.ing-benefit-chips span {
	font-size: 0.68rem;
	padding: 0.28rem 0.55rem;
	background: rgba(154,123,90,0.1);
	color: var(--espresso);
	letter-spacing: 0.03em;
}
.ing-benefit-chips-lg span {
	background: rgba(255,255,255,0.12);
	color: var(--white);
	border: 1px solid rgba(255,255,255,0.15);
	padding: 0.4rem 0.75rem;
	font-size: 0.72rem;
}

.ing-promise {
	padding: var(--space-xl) 0;
	background:
		radial-gradient(ellipse at 80% 20%, rgba(154,123,90,0.14), transparent 45%),
		linear-gradient(160deg, #1f1b18 0%, #2c2622 100%);
	color: var(--white);
}
.ing-promise-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
	flex-wrap: wrap;
}
.ing-promise .section-label { color: var(--gold-light); }
.ing-promise h2 {
	color: var(--white);
	margin-bottom: 0.65rem;
	max-width: 16ch;
}
.ing-promise p {
	color: rgba(247,243,238,0.7);
	max-width: 42ch;
	margin: 0;
}
.ing-promise .btn-primary {
	background: var(--gold);
	border-color: var(--gold);
}

/* Ingredient detail */
.ing-detail-hero {
	position: relative;
	overflow: hidden;
	padding: 1.5rem 0 var(--space-xl);
	background:
		radial-gradient(ellipse at 10% 0%, rgba(154,123,90,0.14), transparent 40%),
		linear-gradient(165deg, #191613 0%, #2a2420 55%, #1c1815 100%);
	color: var(--white);
}
.breadcrumb-ing {
	justify-content: flex-start;
	color: rgba(247,243,238,0.45);
	margin-bottom: 1.75rem;
}
.breadcrumb-ing a { color: rgba(247,243,238,0.75); }
.breadcrumb-ing a:hover { color: var(--gold-light); }
.ing-detail-hero-grid {
	display: grid;
	grid-template-columns: 1fr 1.05fr;
	gap: clamp(1.75rem, 4vw, 3rem);
	align-items: center;
	position: relative;
	z-index: 1;
}
.ing-detail-media {
	position: relative;
	aspect-ratio: 1;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.08);
	background: #2a2521;
}
.ing-detail-media:hover img { transform: scale(1.05); }
.ing-float-badge {
	position: absolute;
	top: 1rem;
	left: 1rem;
	z-index: 2;
	font-size: 0.65rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	padding: 0.45rem 0.8rem;
	background: rgba(255,255,255,0.92);
	color: var(--charcoal);
}
.ing-detail-intro .section-label { color: var(--gold-light); }
.ing-detail-intro h1 {
	color: var(--white);
	font-size: clamp(2.4rem, 5vw, 3.6rem);
	margin-bottom: 0.5rem;
}
.ing-sci-lg {
	font-family: var(--font-serif);
	font-style: italic;
	color: rgba(247,243,238,0.65);
	font-size: 1.15rem;
	margin-bottom: 1.15rem;
}
.ing-meta-panel {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
	margin: 1.5rem 0;
	padding: 1.15rem 0;
	border-top: 1px solid rgba(255,255,255,0.1);
	border-bottom: 1px solid rgba(255,255,255,0.1);
}
.ing-meta-label {
	display: block;
	font-size: 0.65rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(247,243,238,0.45);
	margin-bottom: 0.35rem;
}
.ing-meta-panel strong {
	font-family: var(--font-serif);
	font-size: 1.15rem;
	font-weight: 500;
	color: var(--white);
}
.ing-detail-intro .btn { margin-right: 0.55rem; margin-top: 0.25rem; }
.ing-detail-intro .btn-outline {
	color: var(--white);
	border-color: rgba(255,255,255,0.4);
}
.ing-detail-intro .btn-outline:hover {
	background: var(--white);
	color: var(--charcoal);
}

.ing-detail-body { background: var(--cream); }
.ing-detail-split {
	display: grid;
	grid-template-columns: 1.1fr 0.9fr;
	gap: 1.5rem;
	align-items: stretch;
}
.ing-detail-copy h2 { margin-bottom: 1rem; }
.ing-detail-copy p {
	color: var(--stone);
	line-height: 1.8;
	font-size: 1.05rem;
}
.ing-how-card {
	position: relative;
	padding: 2rem 1.75rem;
	background: var(--charcoal);
	color: var(--white);
	overflow: hidden;
}
.ing-how-card .section-label { color: var(--gold-light); }
.ing-how-card h3 {
	color: var(--white);
	font-family: var(--font-serif);
	font-size: 1.6rem;
	text-transform: none;
	letter-spacing: 0;
	margin-bottom: 0.85rem;
}
.ing-how-card p {
	color: rgba(247,243,238,0.75);
	line-height: 1.7;
	margin: 0;
}
.ing-how-mark {
	position: absolute;
	right: 1.25rem;
	top: 1.25rem;
	font-size: 2rem;
	color: rgba(196,168,130,0.35);
	animation: floatOrb 8s ease-in-out infinite;
}

.ing-benefits-band {
	padding: var(--space-2xl) 0;
	background:
		radial-gradient(ellipse at 90% 30%, rgba(154,123,90,0.16), transparent 45%),
		linear-gradient(160deg, #1a1714 0%, #2a2420 55%, #1c1815 100%);
	color: var(--white);
}
.ing-benefits-band .section-header h2 { color: var(--white); }
.ing-benefits-band .section-label { color: var(--gold-light); }
.ing-benefits-mosaic {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1rem;
}
.ing-benefit-tile {
	position: relative;
	padding: 1.75rem 1.35rem;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.1);
	overflow: hidden;
	min-height: 140px;
	transition: transform 0.5s var(--ease-out), border-color 0.35s ease, background 0.35s ease;
}
.ing-benefit-tile:hover {
	transform: translateY(-6px);
	border-color: rgba(196,168,130,0.4);
	background: rgba(255,255,255,0.1);
}
.ing-benefit-num {
	display: block;
	font-family: var(--font-serif);
	font-size: 1.25rem;
	color: var(--gold-light);
	margin-bottom: 0.65rem;
}
.ing-benefit-tile p {
	margin: 0;
	font-size: 1.05rem;
	line-height: 1.5;
	position: relative;
	z-index: 1;
}
.ing-benefit-glow {
	position: absolute;
	width: 110px;
	height: 110px;
	right: -30px;
	bottom: -35px;
	border-radius: 50%;
	background: radial-gradient(circle, rgba(196,168,130,0.25), transparent 70%);
	pointer-events: none;
}

.ing-related-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.15rem;
}
.ing-card-compact {
	grid-template-columns: 1fr;
}
.ing-card-compact .ing-card-media {
	aspect-ratio: 16/10;
	min-height: 0;
}

@media (max-width: 1024px) {
	.ing-featured-grid { grid-template-columns: repeat(2, 1fr); }
	.ing-card-grid { grid-template-columns: 1fr; }
	.ing-detail-hero-grid,
	.ing-detail-split { grid-template-columns: 1fr; }
	.ing-benefits-mosaic,
	.ing-related-grid { grid-template-columns: 1fr 1fr; }
	.ing-meta-panel { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	.ing-featured-grid,
	.ing-benefits-mosaic,
	.ing-related-grid { grid-template-columns: 1fr; }
	.ing-card { grid-template-columns: 1fr; }
	.ing-card-media { aspect-ratio: 16/10; min-height: 0; }
	.ing-hero-stats { gap: 1.5rem; }
}

/* ─── Legal / Privacy Policy ─────────────────────────────────── */
.legal-hero .section-label { display: inline-block; margin-bottom: 0.75rem; }
.legal-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem 1.75rem;
	margin-top: 1.25rem;
	font-size: 0.8rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--stone);
}
.legal-section { padding-top: 0; }
.legal-layout {
	display: grid;
	grid-template-columns: 240px minmax(0, 1fr);
	gap: clamp(2rem, 4vw, 3.5rem);
	align-items: start;
	max-width: 1080px;
}
.legal-toc {
	position: sticky;
	top: 6.5rem;
	padding: 1.25rem 0;
}
.legal-toc-title {
	font-size: 0.72rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--stone);
	margin: 0 0 1rem;
}
.legal-toc ol {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.45rem;
	counter-reset: toc;
}
.legal-toc li {
	counter-increment: toc;
}
.legal-toc a {
	display: block;
	font-size: 0.82rem;
	line-height: 1.35;
	color: var(--stone);
	text-decoration: none;
	padding: 0.15rem 0 0.15rem 1.5rem;
	position: relative;
	transition: color 0.25s ease;
}
.legal-toc a::before {
	content: counter(toc, decimal-leading-zero);
	position: absolute;
	left: 0;
	top: 0.15rem;
	font-size: 0.68rem;
	letter-spacing: 0.04em;
	color: var(--gold);
	opacity: 0.7;
}
.legal-toc a:hover { color: var(--charcoal); }

.legal-content {
	max-width: 720px;
	padding-bottom: 2rem;
}
.legal-block {
	scroll-margin-top: 6.5rem;
	margin-bottom: 2.75rem;
	padding-bottom: 2.5rem;
	border-bottom: 1px solid var(--linen);
}
.legal-block:last-of-type { border-bottom: none; }
.legal-content h2 {
	font-family: var(--font-serif);
	font-size: clamp(1.45rem, 2.4vw, 1.85rem);
	font-weight: 500;
	margin: 0 0 1rem;
	color: var(--charcoal);
}
.legal-content h3 {
	font-family: var(--font-sans);
	font-size: 0.92rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	margin: 1.5rem 0 0.65rem;
	color: var(--charcoal);
}
.legal-content p {
	margin: 0 0 0.9rem;
	color: #3a3530;
	line-height: 1.7;
	font-size: 0.98rem;
}
.legal-content ul {
	margin: 0 0 1rem;
	padding-left: 1.2rem;
	color: #3a3530;
}
.legal-content li {
	margin-bottom: 0.35rem;
	line-height: 1.6;
	font-size: 0.95rem;
}
.legal-content a {
	color: var(--gold);
	text-decoration: underline;
	text-underline-offset: 2px;
}
.legal-content a:hover { color: var(--charcoal); }

.legal-contact-card {
	margin-top: 1.25rem;
	padding: 1.5rem 1.75rem;
	background: linear-gradient(160deg, rgba(196,168,130,0.1) 0%, rgba(247,243,238,0.8) 100%);
	border: 1px solid var(--linen);
}
.legal-contact-card strong {
	display: block;
	font-family: var(--font-serif);
	font-size: 1.25rem;
	font-weight: 500;
	margin-bottom: 0.85rem;
}
.legal-contact-list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.legal-contact-list li {
	margin-bottom: 0.45rem;
	font-size: 0.95rem;
}
.legal-footer-note {
	margin-top: 1rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--linen);
	font-size: 0.9rem;
	color: var(--stone);
}

@media (max-width: 900px) {
	.legal-layout { grid-template-columns: 1fr; }
	.legal-toc {
		position: static;
		padding: 0 0 1.5rem;
		border-bottom: 1px solid var(--linen);
		margin-bottom: 0.5rem;
	}
	.legal-toc ol {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.35rem 1rem;
	}
}
@media (max-width: 560px) {
	.legal-toc ol { grid-template-columns: 1fr; }
}

/* ─── Wholesale Partnerships ─────────────────────────────────── */
.ws-hero {
	position: relative;
	min-height: min(88vh, 760px);
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	color: var(--white);
	background: #171411;
}
.ws-hero-media {
	position: absolute;
	inset: 0;
	z-index: 0;
}
.ws-hero-media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.08);
	will-change: transform;
}
.ws-hero-veil {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(20,19,17,0.35) 0%, rgba(20,19,17,0.55) 45%, rgba(20,19,17,0.88) 100%),
		linear-gradient(90deg, rgba(20,19,17,0.55) 0%, transparent 55%);
}
.ws-hero-orbs {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	overflow: hidden;
}
.ws-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(2px);
	animation: floatOrb 12s ease-in-out infinite;
}
.ws-orb-1 {
	width: 280px;
	height: 280px;
	right: 8%;
	top: 12%;
	background: radial-gradient(circle, rgba(196,168,130,0.28), transparent 70%);
}
.ws-orb-2 {
	width: 220px;
	height: 220px;
	left: 5%;
	bottom: 18%;
	background: radial-gradient(circle, rgba(143,165,142,0.18), transparent 70%);
	animation-delay: -4s;
}
.ws-hero-inner {
	position: relative;
	z-index: 2;
	padding: clamp(5rem, 12vw, 8rem) 0 clamp(3.5rem, 7vw, 5rem);
	max-width: 720px;
}
.ws-brand {
	font-family: var(--font-serif);
	font-size: clamp(2.75rem, 7vw, 4.5rem);
	font-weight: 500;
	letter-spacing: 0.12em;
	line-height: 0.95;
	margin: 0 0 1.25rem;
	color: var(--gold-light);
}
.ws-hero h1 {
	font-family: var(--font-serif);
	font-size: clamp(1.85rem, 3.8vw, 2.75rem);
	font-weight: 400;
	line-height: 1.15;
	margin: 0 0 1rem;
	color: var(--white);
}
.ws-hero-lede {
	font-size: 1.05rem;
	line-height: 1.65;
	color: rgba(247,243,238,0.78);
	max-width: 32rem;
	margin: 0 0 2rem;
}
.ws-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem;
}
.ws-btn-ghost {
	border-color: rgba(255,255,255,0.35) !important;
	color: var(--white) !important;
}
.ws-btn-ghost:hover {
	background: rgba(255,255,255,0.1) !important;
	border-color: var(--gold-light) !important;
	color: var(--white) !important;
}

.ws-partners { background: var(--cream); }
.ws-section-head {
	max-width: 560px;
	margin-bottom: clamp(2rem, 4vw, 3rem);
}
.ws-section-head h2 {
	font-family: var(--font-serif);
	font-size: clamp(1.85rem, 3.2vw, 2.5rem);
	font-weight: 400;
	margin: 0.5rem 0 0;
}
.ws-partner-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: clamp(1.5rem, 3vw, 2.5rem);
	border-top: 1px solid var(--linen);
}
.ws-partner {
	padding: 1.75rem 0 0.5rem;
	border-top: 1px solid transparent;
	transition: transform 0.45s var(--ease-out);
}
.ws-partner:hover { transform: translateY(-4px); }
.ws-partner-num {
	display: block;
	font-size: 0.72rem;
	letter-spacing: 0.16em;
	color: var(--gold);
	margin-bottom: 1rem;
}
.ws-partner h3 {
	font-family: var(--font-serif);
	font-size: 1.55rem;
	font-weight: 500;
	margin: 0 0 0.65rem;
}
.ws-partner p {
	color: var(--stone);
	font-size: 0.95rem;
	line-height: 1.65;
	margin: 0;
}

.ws-benefits {
	padding: clamp(4rem, 8vw, 6.5rem) 0;
	background:
		radial-gradient(ellipse at 90% 20%, rgba(154,123,90,0.12), transparent 45%),
		linear-gradient(165deg, #1a1714 0%, #26201c 55%, #171411 100%);
	color: var(--white);
}
.ws-benefits .section-label { color: var(--gold-light); }
.ws-benefits-grid {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap: clamp(2rem, 5vw, 4rem);
	align-items: center;
}
.ws-benefits-copy h2 {
	font-family: var(--font-serif);
	font-size: clamp(1.9rem, 3.4vw, 2.65rem);
	font-weight: 400;
	margin: 0.5rem 0 1rem;
	color: var(--white);
}
.ws-benefits-copy > p {
	color: rgba(247,243,238,0.68);
	margin: 0 0 2rem;
	max-width: 34rem;
}
.ws-benefit-list {
	display: flex;
	flex-direction: column;
	gap: 1.15rem;
	margin: 0;
	padding: 0;
}
.ws-benefit-list li {
	padding-left: 1.15rem;
	border-left: 2px solid rgba(196,168,130,0.45);
}
.ws-benefit-list strong {
	display: block;
	font-family: var(--font-sans);
	font-size: 0.95rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	margin-bottom: 0.2rem;
}
.ws-benefit-list span {
	display: block;
	font-size: 0.88rem;
	color: rgba(247,243,238,0.55);
}
.ws-benefits-visual {
	position: relative;
	margin: 0;
	overflow: hidden;
}
.ws-benefits-visual img {
	width: 100%;
	height: clamp(360px, 48vw, 560px);
	object-fit: cover;
	transition: transform 1.1s var(--ease-out);
}
.ws-benefits-visual:hover img { transform: scale(1.04); }
.ws-benefits-visual figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1.5rem 1.75rem;
	background: linear-gradient(transparent, rgba(20,19,17,0.85));
}
.ws-benefits-visual figcaption span {
	display: block;
	font-size: 0.7rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gold-light);
	margin-bottom: 0.25rem;
}
.ws-benefits-visual figcaption strong {
	font-family: var(--font-serif);
	font-size: 1.25rem;
	font-weight: 400;
}

.ws-apply {
	background: var(--cream);
	scroll-margin-top: 5rem;
}
.ws-apply-layout {
	display: grid;
	grid-template-columns: 0.9fr 1.1fr;
	gap: clamp(2rem, 5vw, 4rem);
	align-items: start;
}
.ws-apply-intro h2 {
	font-family: var(--font-serif);
	font-size: clamp(1.9rem, 3.2vw, 2.5rem);
	font-weight: 400;
	margin: 0.5rem 0 1rem;
}
.ws-apply-intro > p {
	color: var(--stone);
	margin: 0 0 2rem;
	max-width: 26rem;
}
.ws-apply-contact p {
	font-size: 0.72rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--stone);
	margin: 0 0 0.4rem;
}
.ws-apply-contact a {
	font-family: var(--font-serif);
	font-size: 1.25rem;
	color: var(--gold);
	border-bottom: 1px solid transparent;
	transition: border-color 0.3s ease, color 0.3s ease;
}
.ws-apply-contact a:hover {
	color: var(--charcoal);
	border-bottom-color: var(--gold);
}

.ws-form-panel {
	background: var(--white);
	border: 1px solid var(--linen);
	padding: clamp(1.75rem, 3vw, 2.5rem);
	box-shadow: var(--shadow-md);
}
.ws-form .form-group label {
	font-size: 0.78rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--stone);
}
.ws-form input,
.ws-form select,
.ws-form textarea {
	border-color: var(--linen);
	background: var(--cream);
	transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.ws-form input:focus,
.ws-form select:focus,
.ws-form textarea:focus {
	border-color: var(--gold);
	box-shadow: 0 0 0 3px rgba(154,123,90,0.12);
	outline: none;
}
.ws-submit {
	width: 100%;
	margin-top: 0.5rem;
}
.ws-alert {
	padding: 0.9rem 1rem;
	margin-bottom: 1.25rem;
	font-size: 0.92rem;
	line-height: 1.5;
}
.ws-alert-success {
	background: rgba(7,70,59,0.08);
	color: var(--success);
	border: 1px solid rgba(90,122,94,0.25);
}
.ws-alert-error {
	background: rgba(155,77,77,0.08);
	color: var(--error);
	border: 1px solid rgba(155,77,77,0.25);
}

@media (max-width: 960px) {
	.ws-partner-grid,
	.ws-benefits-grid,
	.ws-apply-layout {
		grid-template-columns: 1fr;
	}
	.ws-hero { min-height: min(78vh, 640px); }
	.ws-benefits-visual { order: -1; }
	.ws-benefits-visual img { height: 320px; }
}
@media (max-width: 640px) {
	.ws-hero-actions { flex-direction: column; }
	.ws-hero-actions .btn { width: 100%; text-align: center; }
	.ws-partner-grid { gap: 0; }
	.ws-partner {
		padding: 1.5rem 0;
		border-top: 1px solid var(--linen);
	}
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
	html { scroll-behavior: auto; }
	.trust-strip-track { animation: none; }
	.hero-brand-media img { animation: none; transform: scale(1.05); }
	.ws-hero-media img { transform: none; }
	.fade-in { opacity: 1; transform: none; }
}