/* ==========================================================================
   Kitchen Punks — main stylesheet
   Blocks use className additions: kp-hero, kp-manifest, kp-videos, etc.
   ========================================================================== */

:root {
	--bg:             #0a0908;
	--bg-deep:        #050403;
	--bg-card:        #141210;
	--ink:            #f3e9d2;
	--ink-dim:        #a89f8a;
	--ink-mute:       #6b6354;
	--fire:           #e4321b;
	--fire-dark:      #a82414;
	--ember:          #f59311;
	--apple:          #8eb93b;
	--hairline:       rgba(243, 233, 210, 0.12);
	--hairline-strong:rgba(243, 233, 210, 0.22);
}

html { background: var(--bg); scroll-behavior: smooth; }
body {
	background: var(--bg);
	color: var(--ink);
	font-family: 'DM Sans', sans-serif;
	font-size: 17px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	position: relative;
	overflow-x: hidden;
}
::selection { background: var(--fire); color: var(--bg); }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }

/* Film-grain noise overlay */
body::before {
	content: '';
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 200;
	opacity: 0.07;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.7 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
	mix-blend-mode: overlay;
}

/* Editor: hide the admin bar grain bleed. */
.wp-admin body::before { display: none; }

/* ==========================================================================
   Typography baselines — complement theme.json element styles.
   ========================================================================== */
p { line-height: 1.5; }
em { font-style: normal; color: var(--fire); }

/* ==========================================================================
   TOP BAR (header template part)
   ========================================================================== */
.kp-topbar {
	position: sticky;
	top: 0;
	z-index: 100;
	background: rgba(10, 9, 8, 0.88);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid var(--hairline);
	padding: 14px 32px !important;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	font-family: 'Space Mono', monospace;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.kp-topbar .kp-mark {
	font-family: 'Anton', sans-serif;
	font-size: 24px;
	letter-spacing: 0.04em;
	color: var(--ink);
	line-height: 1;
	text-transform: uppercase;
}
.kp-topbar .kp-mark em { color: var(--fire); font-style: normal; }
.kp-topbar .wp-block-navigation { gap: 32px; }
.kp-topbar .wp-block-navigation a {
	color: var(--ink-dim);
	text-decoration: none;
	transition: color 0.15s;
	font-family: 'Space Mono', monospace;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.kp-topbar .wp-block-navigation a:hover { color: var(--fire); }
.kp-status {
	color: var(--ember) !important;
	display: flex !important;
	align-items: center;
	gap: 10px;
	font-family: 'Space Mono', monospace;
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	margin: 0 !important;
}
.kp-status::before {
	content: '';
	width: 8px;
	height: 8px;
	background: var(--ember);
	border-radius: 50%;
	animation: kpPulse 1.6s ease-in-out infinite;
}
@keyframes kpPulse {
	0%, 100% { opacity: 1;    box-shadow: 0 0 0 0 rgba(245,147,17,0.45); }
	50%      { opacity: 0.55; box-shadow: 0 0 0 9px rgba(245,147,17,0); }
}

/* ==========================================================================
   HERO
   ========================================================================== */
.kp-hero {
	min-height: calc(100vh - 50px);
	position: relative;
	padding: 60px 32px 100px !important;
	display: grid !important;
	grid-template-columns: 1.15fr 1fr;
	gap: 40px;
	align-items: center;
	overflow: hidden;
}
.kp-hero::before {
	content: '';
	position: absolute;
	bottom: -260px; right: -140px;
	width: 720px; height: 720px;
	background: radial-gradient(circle, var(--fire-dark) 0%, transparent 60%);
	opacity: 0.45;
	filter: blur(50px);
	pointer-events: none;
}
.kp-hero::after {
	content: '';
	position: absolute;
	top: 8%; left: -10%;
	width: 460px; height: 460px;
	background: radial-gradient(circle, var(--ember) 0%, transparent 65%);
	opacity: 0.12;
	filter: blur(60px);
	pointer-events: none;
}
.kp-hero-left { position: relative; z-index: 2; }
.kp-hero-right {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
}
.kp-hero-logo {
	width: 100%;
	max-width: 580px;
	filter: drop-shadow(0 24px 70px rgba(228, 50, 27, 0.35));
	animation: kpHeroLogo 1.2s cubic-bezier(0.2, 0.85, 0.2, 1) 0.1s backwards;
}
@keyframes kpHeroLogo {
	0%   { opacity: 0; transform: scale(0.82) rotate(-7deg); }
	60%  { opacity: 1; transform: scale(1.05) rotate(2.5deg); }
	100% { opacity: 1; transform: scale(1) rotate(0); }
}
.kp-eyebrow {
	font-family: 'Space Mono', monospace !important;
	font-size: 13px !important;
	text-transform: uppercase;
	letter-spacing: 0.22em !important;
	color: var(--ember) !important;
	margin-bottom: 28px !important;
	display: flex !important;
	align-items: center;
	gap: 14px;
}
.kp-eyebrow::before {
	content: '';
	display: inline-block;
	width: 44px;
	height: 1px;
	background: var(--ember);
}
.kp-hero h1 {
	margin-bottom: 36px !important;
}
.kp-stamp {
	display: inline-block;
	color: var(--fire);
	position: relative;
	padding: 0 6px;
}
.kp-stamp::before {
	content: '';
	position: absolute;
	inset: 4px -8px 8px -8px;
	border: 5px solid var(--fire);
	transform: rotate(-2.5deg);
	pointer-events: none;
	opacity: 0.85;
}
.kp-hero-intro {
	font-size: 19px !important;
	line-height: 1.55 !important;
	color: var(--ink-dim) !important;
	max-width: 560px;
	margin-bottom: 44px !important;
}
.kp-hero-intro strong { color: var(--ink); font-weight: 500; }
.kp-coords {
	position: absolute;
	bottom: 32px; left: 32px;
	font-family: 'Space Mono', monospace;
	font-size: 11px;
	color: var(--ink-mute);
	letter-spacing: 0.18em;
	text-transform: uppercase;
	z-index: 2;
}
.kp-coords em { color: var(--ember); font-style: normal; }
.kp-scroll-hint {
	position: absolute;
	bottom: 32px; right: 32px;
	font-family: 'Space Mono', monospace;
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--ink-mute);
	display: flex;
	align-items: center;
	gap: 12px;
	z-index: 2;
}
.kp-scroll-hint::after {
	content: '↓';
	animation: kpBounce 1.6s ease-in-out infinite;
}
@keyframes kpBounce {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(7px); }
}

/* ==========================================================================
   BUTTONS — WP core/button block
   ========================================================================== */
.wp-block-button__link {
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	padding: 18px 30px !important;
	font-family: 'Anton', sans-serif !important;
	font-size: 18px !important;
	letter-spacing: 0.06em !important;
	text-transform: uppercase;
	border: none;
	border-radius: 0 !important;
	transition: transform 0.12s ease, background 0.12s, color 0.12s, box-shadow 0.12s;
}
.wp-block-button.is-style-fill .wp-block-button__link,
.wp-block-button:not(.is-style-outline) .wp-block-button__link {
	background: var(--fire) !important;
	color: var(--bg) !important;
}
.wp-block-button.is-style-fill .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
	background: var(--ember) !important;
	transform: translate(-3px, -3px);
	box-shadow: 5px 5px 0 var(--ink);
}
.wp-block-button.is-style-outline .wp-block-button__link {
	background: transparent !important;
	color: var(--ink) !important;
	border: 2px solid var(--ink) !important;
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
	background: var(--ink) !important;
	color: var(--bg) !important;
	transform: translate(-3px, -3px);
	box-shadow: 5px 5px 0 var(--fire);
}

/* ==========================================================================
   SECTIONS — base
   ========================================================================== */
.kp-section {
	padding: 110px 32px !important;
	position: relative;
}
.kp-section-bg-deep { background: var(--bg-deep); }
.kp-wrap { max-width: 1380px; margin: 0 auto; }

.kp-section-head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin-bottom: 64px;
	gap: 32px;
	flex-wrap: wrap;
}
.kp-tag {
	font-family: 'Space Mono', monospace !important;
	font-size: 12px !important;
	text-transform: uppercase;
	letter-spacing: 0.22em !important;
	color: var(--ember) !important;
	margin-bottom: 14px !important;
	display: block;
}
.kp-section-link {
	font-family: 'Anton', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--ink);
	text-decoration: none;
	border-bottom: 2px solid var(--fire);
	padding-bottom: 5px;
	transition: color 0.15s;
	white-space: nowrap;
}
.kp-section-link:hover { color: var(--fire); }

/* Torn SVG divider */
.kp-tear {
	position: relative;
	height: 32px;
	margin: 0 !important;
	padding: 0 !important;
	pointer-events: none;
	background: var(--bg) !important;
}
.kp-tear.kp-tear-deep { background: var(--bg-deep) !important; }
.kp-tear svg { display: block; width: 100%; height: 100%; }

/* ==========================================================================
   MANIFEST
   ========================================================================== */
.kp-manifest { padding-top: 130px !important; padding-bottom: 130px !important; }
.kp-manifest-grid {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	border-top: 1px solid var(--hairline-strong);
	border-left: 1px solid var(--hairline-strong);
	margin-top: 8px;
	gap: 0 !important;
}
.kp-manifest-item {
	padding: 60px 44px !important;
	border-right: 1px solid var(--hairline-strong);
	border-bottom: 1px solid var(--hairline-strong);
	position: relative;
	transition: background 0.2s;
	margin: 0 !important;
}
.kp-manifest-item:hover { background: rgba(228, 50, 27, 0.05); }
.kp-manifest-num {
	font-family: 'Space Mono', monospace !important;
	font-size: 13px !important;
	color: var(--ember) !important;
	letter-spacing: 0.22em !important;
	margin-bottom: 28px !important;
}
.kp-manifest-statement {
	font-family: 'Anton', sans-serif !important;
	font-size: clamp(32px, 4vw, 54px) !important;
	line-height: 0.92 !important;
	text-transform: uppercase;
	color: var(--ink) !important;
	margin-bottom: 22px !important;
	letter-spacing: -0.01em !important;
}
.kp-manifest-statement em {
	color: var(--fire);
	position: relative;
	display: inline-block;
}
.kp-manifest-statement em::after {
	content: '';
	position: absolute;
	left: -3px; right: -3px; bottom: 5px;
	height: 7px;
	background: rgba(228, 50, 27, 0.28);
	z-index: -1;
}
.kp-manifest-body {
	color: var(--ink-dim) !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	max-width: 380px;
	margin: 0 !important;
}
.kp-manifest-item-wide {
	grid-column: 1 / -1;
	padding: 72px 56px !important;
	background:
		linear-gradient(135deg, rgba(142, 185, 59, 0.06) 0%, transparent 60%),
		var(--bg-deep);
	display: grid !important;
	grid-template-columns: 1fr 1.1fr;
	gap: 56px !important;
	align-items: center;
	position: relative;
}
.kp-manifest-item-wide .kp-manifest-statement {
	font-size: clamp(40px, 5vw, 72px) !important;
	margin-bottom: 0 !important;
}
.kp-manifest-item-wide .kp-manifest-statement em { color: var(--apple); }
.kp-manifest-item-wide .kp-manifest-statement em::after { background: rgba(142, 185, 59, 0.28); }
.kp-manifest-item-wide .kp-manifest-body { font-size: 17px !important; max-width: 520px; color: var(--ink) !important; }
.kp-manifest-item-wide .kp-manifest-num { color: var(--apple) !important; margin-bottom: 18px !important; }
.kp-manifest-item-wide::after {
	content: 'wichtig';
	position: absolute;
	top: 24px; right: 32px;
	font-family: 'Permanent Marker', cursive;
	font-size: 26px;
	color: var(--apple);
	transform: rotate(-8deg);
	letter-spacing: 0.04em;
}

/* ==========================================================================
   VIDEOS
   ========================================================================== */
.kp-video-grid {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px !important;
}
.kp-video-card {
	position: relative;
	cursor: pointer;
	transition: transform 0.25s ease;
	text-decoration: none;
	color: inherit;
	display: block;
}
.kp-video-card:hover { transform: translateY(-7px); }
.kp-video-card:nth-child(1) { transform: rotate(0.4deg); }
.kp-video-card:nth-child(2) { transform: translateY(28px) rotate(-0.6deg); }
.kp-video-card:nth-child(2):hover { transform: translateY(20px) rotate(-0.6deg); }
.kp-video-card:nth-child(3) { transform: rotate(-0.3deg); }
.kp-video-thumb {
	aspect-ratio: 16 / 9;
	background: var(--bg-card);
	position: relative;
	overflow: hidden;
	border: 2px solid var(--ink);
}
.kp-video-thumb::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg, var(--fire) 0%, var(--ember) 60%, transparent 92%);
	opacity: 0.78;
}
.kp-video-card:nth-child(2) .kp-video-thumb::before {
	background: linear-gradient(220deg, var(--apple) 0%, var(--ember) 70%, var(--fire-dark) 100%);
	opacity: 0.7;
}
.kp-video-card:nth-child(3) .kp-video-thumb::before {
	background: linear-gradient(45deg, var(--bg-deep) 0%, var(--fire-dark) 50%, var(--ember) 100%);
	opacity: 0.78;
}
.kp-video-thumb::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, rgba(0,0,0,0.08) 4px, rgba(0,0,0,0.08) 8px);
	mix-blend-mode: multiply;
}
.kp-play {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.kp-play svg {
	width: 68px; height: 68px;
	fill: var(--ink);
	filter: drop-shadow(0 4px 12px rgba(0,0,0,0.55));
	transition: transform 0.2s, fill 0.2s;
}
.kp-video-card:hover .kp-play svg { transform: scale(1.18); fill: var(--fire); }
.kp-video-duration {
	position: absolute;
	bottom: 12px; right: 12px;
	background: var(--bg);
	color: var(--ink);
	padding: 5px 9px;
	font-family: 'Space Mono', monospace;
	font-size: 12px;
	letter-spacing: 0.05em;
	z-index: 3;
}
.kp-video-meta {
	margin-top: 18px !important;
	margin-bottom: 0 !important;
	font-family: 'Space Mono', monospace !important;
	font-size: 11px !important;
	color: var(--ember) !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase;
}
.kp-video-title {
	font-family: 'Anton', sans-serif !important;
	font-size: 24px !important;
	line-height: 1.05 !important;
	text-transform: uppercase;
	color: var(--ink) !important;
	margin-top: 8px !important;
	letter-spacing: -0.005em !important;
}

/* ==========================================================================
   POSTS / QUERY LOOP
   ========================================================================== */
.kp-posts .wp-block-post-template,
.kp-posts-grid {
	display: grid !important;
	grid-template-columns: 2fr 1fr 1fr !important;
	grid-template-rows: 1fr 1fr;
	gap: 0 !important;
	border-top: 2px solid var(--ink);
	border-left: 2px solid var(--ink);
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}
.kp-posts .wp-block-post,
.kp-post {
	border-right: 2px solid var(--ink);
	border-bottom: 2px solid var(--ink);
	padding: 32px 28px !important;
	background: var(--bg);
	transition: background 0.15s;
	display: flex !important;
	flex-direction: column;
	min-height: 240px;
	margin: 0 !important;
}
.kp-posts .wp-block-post:hover,
.kp-post:hover { background: var(--bg-card); }
.kp-posts .wp-block-post:first-child,
.kp-post-feature {
	grid-column: 1;
	grid-row: 1 / 3;
	padding: 52px 44px !important;
	position: relative;
	background: linear-gradient(160deg, var(--bg) 0%, #0f0c0a 100%);
}
.kp-posts .wp-block-post:first-child::after,
.kp-post-feature::after {
	content: 'NEU';
	position: absolute;
	top: 24px; right: 24px;
	font-family: 'Permanent Marker', cursive;
	font-size: 30px;
	color: var(--fire);
	transform: rotate(-12deg);
	border: 3px solid var(--fire);
	padding: 2px 16px 0;
	letter-spacing: 0.1em;
	line-height: 1.2;
}
.kp-post-cat,
.kp-posts .wp-block-post-terms {
	font-family: 'Space Mono', monospace !important;
	font-size: 11px !important;
	text-transform: uppercase;
	letter-spacing: 0.22em !important;
	color: var(--fire) !important;
	margin-bottom: 14px !important;
	display: inline-block;
}
.kp-posts .wp-block-post-terms a { color: var(--fire); text-decoration: none; }
.kp-post-title,
.kp-posts .wp-block-post-title {
	font-family: 'Anton', sans-serif !important;
	font-size: 26px !important;
	line-height: 1 !important;
	text-transform: uppercase;
	color: var(--ink) !important;
	margin-bottom: 12px !important;
	letter-spacing: -0.005em !important;
}
.kp-posts .wp-block-post-title a { text-decoration: none; color: inherit; }
.kp-posts .wp-block-post:first-child .wp-block-post-title,
.kp-post-feature .kp-post-title {
	font-size: clamp(40px, 4.4vw, 64px) !important;
	margin-bottom: 24px !important;
	line-height: 0.92 !important;
}
.kp-post-excerpt,
.kp-posts .wp-block-post-excerpt__excerpt {
	font-size: 14px !important;
	color: var(--ink-dim) !important;
	line-height: 1.55 !important;
	margin-bottom: 16px !important;
	flex: 1;
}
.kp-posts .wp-block-post:first-child .wp-block-post-excerpt__excerpt,
.kp-post-feature .kp-post-excerpt {
	font-size: 17px !important;
	margin-bottom: 28px !important;
	max-width: 520px;
}
.kp-post-byline,
.kp-posts .wp-block-post-author-name,
.kp-posts .wp-block-post-date {
	font-family: 'Space Mono', monospace !important;
	font-size: 11px !important;
	color: var(--ink-mute) !important;
	letter-spacing: 0.15em !important;
	text-transform: uppercase;
	margin-top: auto !important;
}
.kp-post-byline em { color: var(--ember); font-style: normal; }

/* ==========================================================================
   COMING
   ========================================================================== */
.kp-coming { padding: 130px 32px !important; }
.kp-coming-grid {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 32px !important;
	margin-top: 8px !important;
}
.kp-coming-card {
	padding: 60px 48px !important;
	position: relative;
	overflow: hidden;
	border: 1px solid var(--hairline);
	transition: transform 0.2s ease;
	text-decoration: none;
	color: inherit;
	display: block;
	background: linear-gradient(135deg, var(--bg-card) 0%, #1f1815 100%);
}
.kp-coming-card:hover { transform: translate(-4px, -4px); }
.kp-coming-card.kp-coming-hot {
	background: linear-gradient(135deg, var(--fire-dark) 0%, var(--bg-deep) 90%);
	border-color: var(--fire);
}
.kp-coming-when {
	font-family: 'Space Mono', monospace !important;
	font-size: 13px !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase;
	color: var(--ember) !important;
	margin-bottom: 22px !important;
}
.kp-coming-card.kp-coming-hot .kp-coming-when { color: var(--ink) !important; }
.kp-coming-title {
	font-family: 'Anton', sans-serif !important;
	font-size: clamp(40px, 4.6vw, 60px) !important;
	line-height: 0.9 !important;
	text-transform: uppercase;
	color: var(--ink) !important;
	margin-bottom: 26px !important;
	letter-spacing: -0.01em !important;
}
.kp-coming-body {
	color: var(--ink-dim) !important;
	font-size: 17px !important;
	line-height: 1.55 !important;
	max-width: 440px;
	margin-bottom: 36px !important;
}
.kp-coming-card.kp-coming-hot .kp-coming-body { color: var(--ink) !important; opacity: 0.88; }
.kp-coming-link {
	font-family: 'Anton', sans-serif !important;
	font-size: 15px !important;
	letter-spacing: 0.14em !important;
	text-transform: uppercase;
	color: var(--ink) !important;
	display: inline-flex !important;
	align-items: center;
	gap: 10px;
	border-bottom: 1px solid currentColor;
	padding-bottom: 5px !important;
	margin: 0 !important;
}
.kp-coming-corner {
	position: absolute;
	top: 26px; right: 26px;
	font-family: 'Permanent Marker', cursive !important;
	font-size: 30px !important;
	color: var(--ember) !important;
	transform: rotate(8deg);
	transition: color 0.2s;
	margin: 0 !important;
}
.kp-coming-card.kp-coming-hot .kp-coming-corner { color: var(--ink) !important; }

/* ==========================================================================
   NEWSLETTER
   ========================================================================== */
.kp-newsletter {
	background: var(--fire) !important;
	color: var(--bg);
	padding: 110px 32px !important;
	position: relative;
	overflow: hidden;
}
.kp-newsletter::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 80px, rgba(0,0,0,0.045) 80px, rgba(0,0,0,0.045) 81px);
	pointer-events: none;
}
.kp-newsletter-grid {
	display: grid !important;
	grid-template-columns: 1.4fr 1fr;
	gap: 80px !important;
	align-items: center;
	position: relative;
	z-index: 2;
	max-width: 1380px;
	margin: 0 auto;
}
.kp-newsletter-eyebrow {
	font-family: 'Space Mono', monospace !important;
	font-size: 13px !important;
	letter-spacing: 0.25em !important;
	text-transform: uppercase;
	color: var(--bg) !important;
	opacity: 0.7;
	margin-bottom: 24px !important;
}
.kp-newsletter h2 {
	font-family: 'Anton', sans-serif !important;
	font-size: clamp(48px, 6.5vw, 96px) !important;
	line-height: 0.9 !important;
	text-transform: uppercase;
	color: var(--bg) !important;
	letter-spacing: -0.01em !important;
	margin-bottom: 28px !important;
}
.kp-newsletter-sub {
	font-size: 19px !important;
	line-height: 1.5 !important;
	max-width: 480px;
	color: var(--bg) !important;
	opacity: 0.9;
	margin-bottom: 0 !important;
}
.kp-newsletter-form {
	background: var(--bg);
	color: var(--ink);
	padding: 36px 32px 32px !important;
	position: relative;
	border: 3px solid var(--bg);
	box-shadow: 14px 14px 0 var(--bg-deep);
}
.kp-newsletter-form::before {
	content: 'NEWSLETTER';
	position: absolute;
	top: -15px; left: 24px;
	background: var(--bg);
	color: var(--ember);
	padding: 4px 12px;
	font-family: 'Space Mono', monospace;
	font-size: 11px;
	letter-spacing: 0.25em;
}
.kp-newsletter-form label {
	font-family: 'Space Mono', monospace;
	font-size: 12px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--ink-dim);
	display: block;
	margin-bottom: 10px;
}
.kp-newsletter-form input[type="email"] {
	width: 100%;
	background: transparent;
	border: none;
	border-bottom: 2px solid var(--ink);
	color: var(--ink);
	font-family: 'DM Sans', sans-serif;
	font-size: 18px;
	padding: 12px 0;
	outline: none;
	margin-bottom: 26px;
	transition: border-color 0.2s;
}
.kp-newsletter-form input[type="email"]:focus { border-color: var(--fire); }
.kp-newsletter-form input[type="email"]::placeholder { color: var(--ink-mute); }
.kp-newsletter-form button[type="submit"] {
	width: 100%;
	background: var(--ink);
	color: var(--bg);
	border: none;
	padding: 18px;
	font-family: 'Anton', sans-serif;
	font-size: 20px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background 0.15s, color 0.15s;
}
.kp-newsletter-form button[type="submit"]:hover { background: var(--fire); color: var(--ink); }
.kp-newsletter-form .kp-fineprint {
	font-family: 'Space Mono', monospace;
	font-size: 11px;
	color: var(--ink-mute);
	margin-top: 16px;
	letter-spacing: 0.05em;
	line-height: 1.5;
}

/* ==========================================================================
   FOOTER (footer template part)
   ========================================================================== */
.kp-footer {
	background: var(--bg-deep);
	color: var(--ink-dim);
	padding: 90px 32px 36px !important;
}
.kp-footer-grid {
	display: grid !important;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	gap: 56px !important;
	margin-bottom: 64px !important;
	border-bottom: 1px solid var(--hairline);
	padding-bottom: 64px;
	max-width: 1380px;
	margin-left: auto !important;
	margin-right: auto !important;
}
.kp-footer-mark {
	font-family: 'Anton', sans-serif !important;
	font-size: 38px !important;
	text-transform: uppercase;
	color: var(--ink) !important;
	letter-spacing: 0.02em !important;
	line-height: 0.9 !important;
	margin: 0 !important;
}
.kp-footer-mark em { color: var(--fire); display: block; font-style: normal; }
.kp-footer-quote {
	font-family: 'Permanent Marker', cursive !important;
	font-size: 17px !important;
	color: var(--ember) !important;
	margin-top: 26px !important;
	max-width: 280px;
	line-height: 1.4 !important;
	transform: rotate(-1.2deg);
}
.kp-footer-col h4 {
	font-family: 'Space Mono', monospace !important;
	font-size: 12px !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase;
	color: var(--ember) !important;
	margin-bottom: 22px !important;
	margin-top: 0 !important;
}
.kp-footer-col ul {
	list-style: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.kp-footer-col li { margin-bottom: 12px; }
.kp-footer-col a {
	color: var(--ink-dim);
	text-decoration: none;
	font-size: 15px;
	transition: color 0.15s;
}
.kp-footer-col a:hover { color: var(--ink); border-bottom: 1px solid var(--fire); padding-bottom: 1px; }
.kp-footer-bottom {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	font-family: 'Space Mono', monospace !important;
	font-size: 11px !important;
	color: var(--ink-mute) !important;
	letter-spacing: 0.18em !important;
	text-transform: uppercase;
	flex-wrap: wrap;
	gap: 16px;
	max-width: 1380px;
	margin: 0 auto !important;
}
.kp-footer-legal a { color: var(--ink-mute) !important; margin-left: 16px; text-decoration: none; }
.kp-footer-legal a:hover { color: var(--fire) !important; }

/* ==========================================================================
   MOBILE
   ========================================================================== */
@media (max-width: 900px) {
	.kp-topbar { padding: 12px 18px !important; gap: 12px; }
	.kp-topbar .wp-block-navigation { display: none; }
	.kp-hero {
		grid-template-columns: 1fr !important;
		padding: 32px 18px 80px !important;
		gap: 24px;
	}
	.kp-hero-right { order: -1; }
	.kp-hero-logo { max-width: 380px; }
	.kp-coords, .kp-scroll-hint { display: none; }
	.kp-section { padding: 70px 18px !important; }
	.kp-section-head { margin-bottom: 36px; }
	.kp-manifest { padding: 80px 18px !important; }
	.kp-manifest-grid { grid-template-columns: 1fr; }
	.kp-manifest-item { padding: 36px 24px !important; }
	.kp-manifest-item-wide { grid-template-columns: 1fr; padding: 44px 24px !important; gap: 24px !important; }
	.kp-manifest-item-wide::after { top: 16px; right: 20px; font-size: 22px; }
	.kp-video-grid { grid-template-columns: 1fr; gap: 22px !important; }
	.kp-video-card,
	.kp-video-card:nth-child(1),
	.kp-video-card:nth-child(2),
	.kp-video-card:nth-child(3) { transform: none; }
	.kp-video-card:hover { transform: translateY(-5px); }
	.kp-posts .wp-block-post-template,
	.kp-posts-grid { grid-template-columns: 1fr !important; }
	.kp-posts .wp-block-post:first-child,
	.kp-post-feature { grid-column: 1; grid-row: auto; padding: 36px 24px !important; }
	.kp-post { padding: 28px 22px !important; }
	.kp-coming { padding: 80px 18px !important; }
	.kp-coming-grid { grid-template-columns: 1fr; }
	.kp-coming-card { padding: 44px 28px !important; }
	.kp-newsletter { padding: 70px 18px !important; }
	.kp-newsletter-grid { grid-template-columns: 1fr; gap: 40px !important; }
	.kp-footer { padding: 64px 18px 28px !important; }
	.kp-footer-grid { grid-template-columns: 1fr 1fr; gap: 36px !important; }
	.kp-footer-bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
	.kp-footer-legal a { margin-left: 0; margin-right: 16px; }
}