/**
 * Kashmir Nuts & Berries — Next-Level Cinematic Homepage
 * Layouts, sections, WoodMart overrides, animations
 * Palette: Beige · Brown · Purple · Chocolate Brown
 */

/* ═══════════════════════════════════════════════════════
   GLOBAL OVERRIDES (Universal & Cinematic)
   ═══════════════════════════════════════════════════════ */

body,
body.knb-cinematic {
	background: var(--knb-cream) !important;
	color: var(--knb-chocolate-brown);
	font-family: var(--knb-font-sans);
}

.wd-page-content {
	padding: 0;
	max-width: none;
}

body.knb-cinematic .page-title,
body.knb-cinematic .wd-page-title,
.knb-experience ~ .page-title {
	display: none !important;
}

/* ── Header styles handled by knb-header-enhancements.css ── */

/* ── Experience wrapper ── */
.knb-experience {
	position: relative;
	overflow: clip;
}

/* ── Chapter (generic section) ── */
.knb-chapter {
	position: relative;
	min-height: 100vh;
	min-height: 100svh;
	padding: var(--knb-section-pad) 0;
}

.knb-chapter--snap {
	scroll-snap-align: start;
}

.knb-chapter__inner {
	width: var(--knb-container);
	margin-inline: auto;
}

.knb-chapter__inner--wide {
	width: var(--knb-container-wide);
}

/* ═══════════════════════════════════════════════════════
   HERO — Full-screen cinematic opener
   ═══════════════════════════════════════════════════════ */

.knb-hero {
	position: relative;
	display: grid;
	place-items: center;
	min-height: 100vh;
	min-height: 100svh;
	padding: clamp(6rem, 12vh, 10rem) var(--knb-space-lg) var(--knb-space-2xl);
	overflow: hidden;
	color: var(--knb-cream);
	isolation: isolate;
}

.knb-hero-center-logo {
	width: 240px !important;
	height: 240px !important;
	max-width: 240px !important;
	max-height: 240px !important;
}

@media (max-width: 768px) {
	.knb-hero {
		min-height: 100vh !important;
		min-height: 100svh !important;
		padding: clamp(5rem, 10vh, 7rem) var(--knb-space-md) var(--knb-space-xl) !important;
	}
	.knb-hero__content {
		margin-top: 0 !important;
	}
	.knb-hero-center-logo {
		width: 160px !important;
		height: 160px !important;
		max-width: 160px !important;
		max-height: 160px !important;
		margin-bottom: 0.75rem !important;
	}
	.knb-badge--bestseller {
		margin-bottom: 0.65rem !important;
		font-size: 0.75rem !important;
		padding: 0.35rem 0.85rem !important;
	}
	.knb-hero__title {
		font-size: clamp(2rem, 8.5vw, 2.75rem) !important;
		margin-bottom: 0.65rem !important;
	}
	.knb-hero__subtitle {
		font-size: 0.875rem !important;
		margin-bottom: 1rem !important;
		line-height: 1.5 !important;
	}
}

.knb-hero__media {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.knb-hero__video,
.knb-hero__poster {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.knb-hero__overlay {
	position: absolute;
	inset: 0;
	background: var(--knb-grad-hero-overlay);
	pointer-events: none;
}

.knb-hero__mountains,
.knb-hero__fog,
.knb-hero__particles {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.knb-hero__mountains {
	background:
		linear-gradient(to top, rgba(var(--knb-purple-rgb), 0.4) 0%, transparent 50%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%232b1b17' fill-opacity='0.35' d='M0,192L120,181.3C240,171,480,149,720,154.7C960,160,1200,192,1320,208L1440,224L1440,320L1320,320C1200,320,960,320,720,320C480,320,240,320,120,320L0,320Z'/%3E%3C/svg%3E")
			bottom center / cover no-repeat;
	opacity: 0.9;
	transform: translateY(10%);
}

.knb-hero__fog {
	background: radial-gradient(
		ellipse 80% 50% at 50% 80%,
		rgba(var(--knb-cream-rgb), 0.35),
		transparent 70%
	);
	mix-blend-mode: screen;
	animation: knb-fog-drift 18s ease-in-out infinite alternate;
}

.knb-hero__particles span {
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.45);
	box-shadow: 0 0 8px rgba(216, 177, 104, 0.6);
	animation: knb-float-particle 12s linear infinite;
}

.knb-hero__particles span:nth-child(1) { top: 20%; left: 15%; animation-delay: 0s; }
.knb-hero__particles span:nth-child(2) { top: 35%; left: 72%; animation-delay: -3s; width: 3px; height: 3px; }
.knb-hero__particles span:nth-child(3) { top: 58%; left: 28%; animation-delay: -6s; }
.knb-hero__particles span:nth-child(4) { top: 42%; left: 88%; animation-delay: -2s; width: 5px; height: 5px; }
.knb-hero__particles span:nth-child(5) { top: 68%; left: 55%; animation-delay: -8s; }

.knb-hero__leaves {
	position: absolute;
	inset: 0;
	overflow: hidden;
	opacity: 0.3;
}

.knb-hero__leaf {
	position: absolute;
	width: 18px;
	height: 18px;
	background: var(--knb-purple);
	border-radius: 0 80% 0 80%;
	box-shadow: 0 0 12px rgba(var(--knb-purple-rgb), 0.5);
	animation: knb-leaf-fall 14s linear infinite;
}

.knb-hero__leaf:nth-child(1) { left: 10%; animation-delay: 0s; }
.knb-hero__leaf:nth-child(2) { left: 35%; animation-delay: -4s; }
.knb-hero__leaf:nth-child(3) { left: 60%; animation-delay: -7s; }
.knb-hero__leaf:nth-child(4) { left: 82%; animation-delay: -2s; }

/* ── Hero content ── */
.knb-hero__content {
	position: relative;
	z-index: 2;
	max-width: 940px;
	text-align: center;
}

.knb-hero__title {
	margin: 0 0 var(--knb-space-md);
	font-family: var(--knb-font-serif);
	font-size: var(--knb-text-hero);
	font-weight: var(--knb-weight-medium);
	line-height: 0.95;
	letter-spacing: -0.03em;
	color: var(--knb-cream);
	text-shadow: 0 2px 48px rgba(0, 0, 0, 0.35);
}

.knb-hero__title .knb-split-word {
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
}

.knb-hero__title .knb-split-word > span {
	display: inline-block;
	transform: translateY(110%);
}

.knb-hero__subtitle {
	margin: 0 auto var(--knb-space-md);
	max-width: 32ch;
	font-family: var(--knb-font-sans);
	font-size: var(--knb-text-lg);
	font-weight: var(--knb-weight-light);
	line-height: 1.7;
	color: rgba(var(--knb-cream-rgb), 0.92);
	opacity: 0;
	transform: translateY(24px);
}

.knb-hero__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--knb-space-sm);
	margin-top: -0.5rem;
	opacity: 0;
	transform: translateY(16px);
}

/* ── Homepage Central Hero Logo Emblem Size ── */
.knb-hero-center-logo {
	width: 150px !important;
	height: 150px !important;
	max-width: 150px !important;
	max-height: 150px !important;
}

@media (max-width: 768px) {
	.knb-hero-center-logo {
		width: 120px !important;
		height: 120px !important;
		max-width: 120px !important;
		max-height: 120px !important;
	}
}

/* ── Constant Pulse & Shimmer Animation for Explore Harvest CTA ── */
.knb-hero .knb-btn--primary {
	position: relative !important;
	overflow: hidden !important;
	font-size: 1rem !important;
	padding: 0.85rem 2.25rem !important;
	box-shadow: 0 10px 32px rgba(var(--knb-purple-rgb), 0.55), 0 0 25px rgba(216, 177, 104, 0.45) !important;
	animation: knb-cta-pulse 2.2s ease-in-out infinite alternate !important;
}

.knb-hero .knb-btn--primary::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: linear-gradient(
		60deg,
		transparent 30%,
		rgba(255, 255, 255, 0.45) 50%,
		transparent 70%
	);
	transform: rotate(25deg) translateX(-120%);
	animation: knb-shimmer-sweep 3s ease-in-out infinite;
	pointer-events: none;
}

@keyframes knb-cta-pulse {
	0% {
		box-shadow: 0 6px 24px rgba(var(--knb-purple-rgb), 0.5), 0 0 16px rgba(216, 177, 104, 0.35);
		transform: scale(1) translateY(0);
	}
	100% {
		box-shadow: 0 14px 44px rgba(var(--knb-purple-rgb), 0.85), 0 0 35px rgba(216, 177, 104, 0.7);
		transform: scale(1.06) translateY(-3px);
	}
}

@keyframes knb-shimmer-sweep {
	0% {
		transform: rotate(25deg) translateX(-120%);
	}
	35%, 100% {
		transform: rotate(25deg) translateX(120%);
	}
}

.knb-hero__scroll {
	position: absolute;
	bottom: var(--knb-space-lg);
	left: 50%;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	transform: translateX(-50%);
	color: rgba(var(--knb-cream-rgb), 0.75);
	font-size: var(--knb-text-xs);
	font-weight: var(--knb-weight-medium);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	text-decoration: none;
	opacity: 0;
}

.knb-hero__scroll-line {
	width: 1px;
	height: 48px;
	background: linear-gradient(
		to bottom,
		rgba(var(--knb-cream-rgb), 0.85),
		transparent
	);
	animation: knb-scroll-pulse 2s ease-in-out infinite;
}

/* ═══════════════════════════════════════════════════════
   WHY KASHMIR
   ═══════════════════════════════════════════════════════ */

.knb-why {
	background: var(--knb-off-white);
}

.knb-why__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--knb-space-xl);
	align-items: center;
}

.knb-why__map {
	position: relative;
	aspect-ratio: 1;
	border-radius: var(--knb-radius-lg);
	background:
		radial-gradient(circle at 50% 45%, rgba(var(--knb-purple-rgb), 0.16), transparent 60%),
		linear-gradient(160deg, var(--knb-stone), var(--knb-beige));
	box-shadow: var(--knb-shadow-md);
	border: 1px solid rgba(var(--knb-chocolate-rgb), 0.08);
	overflow: hidden;
}

.knb-why__map-svg {
	width: 100%;
	height: 100%;
	padding: 2rem;
}

.knb-why__map-pin {
	fill: var(--knb-purple);
	animation: knb-pin-pulse 3s ease-in-out infinite;
}

.knb-why__facts {
	display: grid;
	gap: var(--knb-space-md);
}

.knb-why__fact {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--knb-space-sm);
	align-items: start;
	padding: var(--knb-space-md);
	border-radius: var(--knb-radius);
	background: rgba(255, 255, 255, 0.75);
	border: 1px solid rgba(var(--knb-chocolate-rgb), 0.06);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	opacity: 0;
	transform: translateY(32px);
	transition:
		box-shadow var(--knb-duration) var(--knb-ease-out),
		border-color var(--knb-duration-fast) ease,
		transform var(--knb-duration) var(--knb-ease-out);
}

.knb-why__fact:hover {
	box-shadow: var(--knb-shadow-md);
	border-color: rgba(var(--knb-purple-rgb), 0.2);
	transform: translateY(-2px);
}

.knb-why__fact-icon {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	background: var(--knb-grad-purple);
	color: var(--knb-cream);
	font-family: var(--knb-font-serif);
	font-size: 1.25rem;
	font-weight: var(--knb-weight-semibold);
	box-shadow: 0 4px 16px rgba(var(--knb-purple-rgb), 0.28);
}

.knb-why__fact h3 {
	margin: 0 0 0.35rem;
	font-family: var(--knb-font-serif);
	font-size: var(--knb-text-xl);
	font-weight: var(--knb-weight-medium);
	color: var(--knb-chocolate-brown);
}

.knb-why__fact p {
	margin: 0;
	font-size: var(--knb-text-sm);
	line-height: 1.6;
	color: rgba(var(--knb-chocolate-rgb), 0.7);
}

/* ═══════════════════════════════════════════════════════
   JOURNEY TIMELINE
   ═══════════════════════════════════════════════════════ */

.knb-journey {
	background: var(--knb-grad-mist);
}

.knb-timeline {
	display: grid;
	grid-template-columns: repeat(6, minmax(140px, 1fr));
	gap: var(--knb-space-md);
	margin-top: var(--knb-space-xl);
	overflow-x: auto;
	padding-bottom: var(--knb-space-sm);
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

.knb-timeline__step {
	scroll-snap-align: center;
	position: relative;
	padding: var(--knb-space-md);
	border-radius: var(--knb-radius);
	background: var(--knb-off-white);
	border: 1px solid rgba(var(--knb-chocolate-rgb), 0.08);
	box-shadow: var(--knb-shadow-sm);
	text-align: center;
	opacity: 0;
	transform: translateY(40px);
	transition:
		box-shadow var(--knb-duration) var(--knb-ease-out),
		border-color var(--knb-duration-fast) ease,
		transform var(--knb-duration) var(--knb-ease-out);
}

.knb-timeline__step:hover {
	box-shadow: var(--knb-shadow-md);
	border-color: rgba(var(--knb-purple-rgb), 0.25);
	transform: translateY(-4px);
}

.knb-timeline__num {
	display: inline-grid;
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	margin-bottom: var(--knb-space-sm);
	border-radius: 50%;
	background: var(--knb-chocolate-brown);
	color: var(--knb-cream);
	font-family: var(--knb-font-serif);
	font-size: 1.125rem;
	font-weight: var(--knb-weight-semibold);
	box-shadow: 0 2px 12px rgba(var(--knb-chocolate-rgb), 0.25);
}

.knb-timeline__step h3 {
	margin: 0 0 0.5rem;
	font-family: var(--knb-font-serif);
	font-size: var(--knb-text-lg);
	color: var(--knb-chocolate-brown);
}

.knb-timeline__step p {
	margin: 0;
	font-size: var(--knb-text-sm);
	color: rgba(var(--knb-chocolate-rgb), 0.65);
	line-height: 1.55;
}

/* ═══════════════════════════════════════════════════════
   FEATURED PRODUCTS
   ═══════════════════════════════════════════════════════ */

.knb-featured {
	background: var(--knb-off-white);
}

.knb-featured__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--knb-space-lg);
	margin-top: var(--knb-space-xl);
}

/* ═══════════════════════════════════════════════════════
   HORIZONTAL SHOWCASE
   ═══════════════════════════════════════════════════════ */

.knb-showcase {
	background: var(--knb-cream);
	overflow: hidden;
}

.knb-showcase__track {
	display: flex;
	gap: var(--knb-space-lg);
	margin-top: var(--knb-space-xl);
	padding-inline: max(var(--knb-space-lg), calc((100% - var(--knb-container-wide)) / 2));
	width: max-content;
}

.knb-showcase__slide {
	flex: 0 0 min(420px, 85vw);
	border-radius: var(--knb-radius-lg);
	overflow: hidden;
	background: var(--knb-off-white);
	border: 1px solid rgba(var(--knb-chocolate-rgb), 0.08);
	box-shadow: var(--knb-shadow-md);
	transition: box-shadow var(--knb-duration) var(--knb-ease-out), border-color var(--knb-duration-fast) ease;
}

.knb-showcase__slide:hover {
	box-shadow: var(--knb-shadow-lg);
	border-color: rgba(var(--knb-purple-rgb), 0.3);
}

.knb-showcase__slide img {
	width: 100%;
	aspect-ratio: 3 / 4;
	object-fit: cover;
	transition: transform var(--knb-duration-slow) var(--knb-ease-out);
}

.knb-showcase__slide:hover img {
	transform: scale(1.04);
}

.knb-showcase__slide-body {
	padding: var(--knb-space-md);
}

.knb-showcase__slide-body h3 {
	margin: 0 0 0.375rem;
	font-family: var(--knb-font-serif);
	font-size: var(--knb-text-xl);
	font-weight: var(--knb-weight-medium);
	color: var(--knb-chocolate-brown);
}

.knb-showcase__slide-body p {
	margin: 0;
	font-size: var(--knb-text-sm);
	line-height: 1.55;
	color: rgba(var(--knb-chocolate-rgb), 0.65);
}

/* ═══════════════════════════════════════════════════════
   STATS — Dark Chocolate Dark Section
   ═══════════════════════════════════════════════════════ */

.knb-stats {
	background: var(--knb-grad-walnut);
	color: var(--knb-cream);
	border-top: 1px solid rgba(var(--knb-purple-rgb), 0.2);
	border-bottom: 1px solid rgba(var(--knb-purple-rgb), 0.2);
}

.knb-stats .knb-eyebrow {
	color: var(--knb-gold);
}

.knb-stats .knb-heading,
.knb-stats .knb-lead {
	color: var(--knb-cream);
}

.knb-stats .knb-lead {
	opacity: 0.85;
}

.knb-stats__grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: var(--knb-space-lg);
	margin-top: var(--knb-space-xl);
}

.knb-stats .knb-stat__value {
	color: var(--knb-cream);
	text-shadow: 0 0 20px rgba(216, 177, 104, 0.3);
}

.knb-stats .knb-stat__label {
	color: rgba(var(--knb-cream-rgb), 0.65);
}

/* Gold separator between stats heading and grid */
.knb-stats__separator {
	width: 60px;
	height: 2px;
	margin: var(--knb-space-lg) 0;
	background: var(--knb-grad-sunrise);
	border-radius: var(--knb-radius-pill);
}

/* ═══════════════════════════════════════════════════════
   FARMERS · TESTIMONIALS · RECIPES
   ═══════════════════════════════════════════════════════ */

.knb-farmers__grid,
.knb-testimonials__track,
.knb-recipes__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--knb-space-md);
	margin-top: var(--knb-space-xl);
}

.knb-story-card,
.knb-testimonial,
.knb-recipe-card {
	border-radius: var(--knb-radius);
	background: var(--knb-off-white);
	border: 1px solid rgba(var(--knb-chocolate-rgb), 0.08);
	box-shadow: var(--knb-shadow-sm);
	overflow: hidden;
	opacity: 0;
	transform: translateY(32px);
	transition:
		box-shadow var(--knb-duration) var(--knb-ease-out),
		border-color var(--knb-duration-fast) ease,
		transform var(--knb-duration) var(--knb-ease-out);
}

.knb-story-card:hover,
.knb-testimonial:hover,
.knb-recipe-card:hover {
	box-shadow: var(--knb-shadow-md);
	border-color: rgba(var(--knb-purple-rgb), 0.25);
	transform: translateY(-4px);
}

.knb-story-card__img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
	width: 100%;
	background: var(--knb-stone);
	transition: transform var(--knb-duration-slow) var(--knb-ease-out);
}

.knb-story-card:hover .knb-story-card__img {
	transform: scale(1.04);
}

.knb-story-card__body {
	padding: var(--knb-space-md);
}

.knb-story-card blockquote {
	margin: 0;
	padding: 0;
	border: none;
	font-family: var(--knb-font-serif);
	font-size: var(--knb-text-lg);
	font-style: italic;
	line-height: 1.5;
	color: var(--knb-chocolate-brown);
}

/* Testimonial specific */
.knb-testimonial {
	padding: var(--knb-space-lg);
	text-align: center;
}

.knb-testimonial__avatar {
	width: 4rem;
	height: 4rem;
	border-radius: 50%;
	object-fit: cover;
	margin: 0 auto var(--knb-space-sm);
	border: 2px solid var(--knb-purple);
	box-shadow: 0 4px 16px rgba(var(--knb-purple-rgb), 0.3);
}

.knb-testimonial__quote {
	margin: 0 0 var(--knb-space-sm);
	font-family: var(--knb-font-serif);
	font-size: var(--knb-text-lg);
	font-style: italic;
	line-height: 1.5;
	color: var(--knb-chocolate-brown);
}

.knb-testimonial__name {
	font-family: var(--knb-font-sans);
	font-size: var(--knb-text-sm);
	font-weight: var(--knb-weight-semibold);
	color: var(--knb-chocolate-brown);
}

.knb-testimonial__location {
	font-size: var(--knb-text-xs);
	color: rgba(var(--knb-chocolate-rgb), 0.55);
}

/* Testimonial marquee */
.knb-testimonials__marquee {
	display: flex;
	gap: var(--knb-space-md);
	width: max-content;
}

/* Recipe card */
.knb-recipe-card__img {
	aspect-ratio: 16 / 10;
	object-fit: cover;
	width: 100%;
	background: var(--knb-stone);
	transition: transform var(--knb-duration-slow) var(--knb-ease-out);
}

.knb-recipe-card:hover .knb-recipe-card__img {
	transform: scale(1.04);
}

.knb-recipe-card__body {
	padding: var(--knb-space-md);
}

.knb-recipe-card__body h3 {
	margin: 0 0 0.375rem;
	font-family: var(--knb-font-serif);
	font-size: var(--knb-text-xl);
	font-weight: var(--knb-weight-medium);
	color: var(--knb-chocolate-brown);
}

.knb-recipe-card__body p {
	margin: 0;
	font-size: var(--knb-text-sm);
	line-height: 1.55;
	color: rgba(var(--knb-chocolate-rgb), 0.65);
}

/* ═══════════════════════════════════════════════════════
   INSTAGRAM GRID
   ═══════════════════════════════════════════════════════ */

.knb-instagram__grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 0.5rem;
	margin-top: var(--knb-space-xl);
}

.knb-instagram__item {
	position: relative;
	aspect-ratio: 1;
	border-radius: var(--knb-radius-sm);
	overflow: hidden;
	background: var(--knb-stone);
}

.knb-instagram__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.8s var(--knb-ease-out);
}

.knb-instagram__item:hover img {
	transform: scale(1.08);
}

.knb-instagram__item::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(var(--knb-purple-rgb), 0.35);
	opacity: 0;
	transition: opacity var(--knb-duration-fast) ease;
	pointer-events: none;
}

.knb-instagram__item:hover::after {
	opacity: 1;
}

/* ═══════════════════════════════════════════════════════
   CINEMATIC FOOTER
   ═══════════════════════════════════════════════════════ */

.knb-footer {
	padding: var(--knb-space-2xl) 0 var(--knb-space-lg);
	background: var(--knb-cream) !important;
	color: var(--knb-chocolate-brown) !important;
	border-top: 1px solid rgba(var(--knb-chocolate-rgb), 0.12);
}

.knb-footer__grid {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr;
	gap: var(--knb-space-xl);
	width: var(--knb-container);
	margin-inline: auto;
	padding-inline: var(--knb-space-lg);
}

.knb-footer__brand {
	font-family: var(--knb-font-serif);
	font-size: var(--knb-text-2xl);
	font-weight: var(--knb-weight-medium);
	color: var(--knb-chocolate-brown) !important;
}

.knb-footer__tagline {
	margin-top: var(--knb-space-xs);
	font-size: var(--knb-text-sm);
	color: rgba(var(--knb-chocolate-rgb), 0.7);
	font-style: italic;
}

.knb-footer__heading {
	margin: 0 0 var(--knb-space-sm);
	font-family: var(--knb-font-sans);
	font-size: var(--knb-text-xs);
	font-weight: var(--knb-weight-semibold);
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--knb-purple) !important;
}

.knb-footer__links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 0.625rem;
}

.knb-footer a {
	color: var(--knb-chocolate-brown) !important;
	text-decoration: none;
	font-size: var(--knb-text-sm);
	transition: color var(--knb-duration-fast) ease;
}

.knb-footer a:hover {
	color: var(--knb-purple) !important;
}

.knb-footer__bottom {
	width: var(--knb-container);
	margin: var(--knb-space-xl) auto 0;
	padding: var(--knb-space-md) var(--knb-space-lg) 0;
	border-top: 1px solid rgba(var(--knb-chocolate-rgb), 0.12);
	font-size: var(--knb-text-xs);
	text-align: center;
	color: var(--knb-chocolate-brown) !important;
}

/* ═══════════════════════════════════════════════════════
   KEYFRAME ANIMATIONS
   ═══════════════════════════════════════════════════════ */

@keyframes knb-fog-drift {
	from { transform: translateX(-2%) translateY(0); }
	to   { transform: translateX(2%) translateY(-1%); }
}

@keyframes knb-float-particle {
	0%   { transform: translateY(0) translateX(0); opacity: 0; }
	10%  { opacity: 1; }
	90%  { opacity: 1; }
	100% { transform: translateY(-120px) translateX(20px); opacity: 0; }
}

@keyframes knb-leaf-fall {
	0%   { transform: translateY(-10vh) rotate(0deg); opacity: 0; }
	10%  { opacity: 1; }
	100% { transform: translateY(110vh) rotate(360deg); opacity: 0; }
}

@keyframes knb-scroll-pulse {
	0%, 100% { transform: scaleY(1); opacity: 1; }
	50%      { transform: scaleY(0.6); opacity: 0.5; }
}

@keyframes knb-pin-pulse {
	0%, 100% { opacity: 1; }
	50%      { opacity: 0.6; }
}

/* ═══════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════ */

@media (max-width: 1024px) {
	.knb-why__grid {
		grid-template-columns: 1fr;
	}

	.knb-featured__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.knb-stats__grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.knb-farmers__grid,
	.knb-testimonials__track,
	.knb-recipes__grid {
		grid-template-columns: 1fr 1fr;
	}

	.knb-instagram__grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.knb-footer__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 640px) {
	.knb-featured__grid {
		grid-template-columns: 1fr;
		gap: var(--knb-space-md);
	}

	.knb-stats__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.knb-farmers__grid,
	.knb-testimonials__track,
	.knb-recipes__grid {
		grid-template-columns: 1fr;
	}

	.knb-timeline {
		grid-template-columns: repeat(6, minmax(220px, 1fr));
	}

	.knb-hero__actions {
		flex-direction: column;
		width: 100%;
	}

	.knb-hero__actions .knb-btn {
		width: 100%;
	}

	.knb-footer__grid {
		grid-template-columns: 1fr;
		text-align: center;
	}

	.knb-footer__links {
		align-items: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.knb-hero__fog,
	.knb-hero__particles span,
	.knb-hero__leaf,
	.knb-hero__scroll-line {
		animation: none !important;
	}
}