/* === Jungle Kush — Page Notre Équipe v2 === */

:root {
	--jk-peach: #F9C8A7;
	--jk-peach-soft: rgba(249, 200, 167, 0.12);
	--jk-peach-border: rgba(249, 200, 167, 0.30);
	--jk-night-bg: #0a0e27;
	--jk-night-surface: #0e1530;
	--jk-night-border: rgba(255, 255, 255, 0.12);
	--jk-text-on-dark: #ffffff;
	--jk-text-on-dark-soft: rgba(255, 255, 255, 0.7);
	--jk-text-on-dark-muted: rgba(255, 255, 255, 0.5);
}

/* === HERO === */
.jk-team-hero {
	position: relative;
	padding: 5rem 1.5rem 4rem;
	background: var(--jk-night-bg);
	color: var(--jk-text-on-dark);
	border-radius: 16px;
	overflow: hidden;
	margin-bottom: 2rem;
	text-align: center;
}
.jk-team-hero__stars {
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(1px 1px at 10% 20%, rgba(255,255,255,0.6) 50%, transparent 50%),
		radial-gradient(1.5px 1.5px at 80% 30%, rgba(249,200,167,0.55) 50%, transparent 50%),
		radial-gradient(1px 1px at 40% 80%, rgba(255,255,255,0.5) 50%, transparent 50%),
		radial-gradient(1px 1px at 65% 65%, rgba(249,200,167,0.4) 50%, transparent 50%),
		radial-gradient(1px 1px at 20% 50%, rgba(255,255,255,0.4) 50%, transparent 50%);
	pointer-events: none;
}
.jk-team-hero__inner { position: relative; max-width: 720px; margin: 0 auto; }

.jk-eyebrow {
	font-size: 11px;
	color: var(--jk-text-on-dark-muted);
	text-transform: uppercase;
	letter-spacing: 2.5px;
	margin: 0 0 14px;
}
.jk-eyebrow--peach { color: var(--jk-peach); }

.jk-heading-display {
	font-family: 'Fraunces', Georgia, serif;
	font-variation-settings: "opsz" 144;
	font-size: clamp(2.5rem, 6vw, 4.5rem);
	font-weight: 500;
	line-height: 1.05;
	margin: 0 0 18px;
	color: inherit;
}
.jk-heading-display em { font-style: italic; color: var(--jk-peach); }
.jk-accent { color: var(--jk-peach); font-style: italic; }

.jk-team-hero__sub {
	font-size: 16px;
	color: var(--jk-text-on-dark-soft);
	line-height: 1.6;
	margin: 0;
}

/* === STATS === */
.jk-stats {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 10px;
	margin: 0 0 2rem;
}
.jk-stat {
	background: #f5f1ec;
	padding: 18px 12px;
	border-radius: 8px;
	text-align: center;
}
.jk-stat__num {
	display: block;
	font-family: 'Fraunces', Georgia, serif;
	font-size: 28px;
	font-weight: 500;
	line-height: 1;
	color: #1a1a1a;
}
.jk-stat__label {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
	color: rgba(0,0,0,0.55);
	margin-top: 6px;
}

/* === SECTIONS === */
.jk-section {
	background: #ffffff;
	border: 0.5px solid rgba(0,0,0,0.08);
	border-radius: 12px;
	padding: 2rem;
	margin-bottom: 1rem;
	color: #1a1a1a;
}
.jk-section .jk-eyebrow { color: rgba(0,0,0,0.55); }
.jk-section__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1rem;
	margin-bottom: 1.25rem;
	flex-wrap: wrap;
}
.jk-section--split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
	align-items: center;
}
.jk-section--reverse > div { order: 2; }
.jk-section--reverse > figure { order: 1; }

.jk-section--dark {
	background: var(--jk-night-surface);
	color: var(--jk-text-on-dark);
	border-color: transparent;
	position: relative;
	overflow: hidden;
}
.jk-section--dark .jk-eyebrow { color: var(--jk-text-on-dark-muted); }
.jk-section--dark .jk-eyebrow--peach { color: var(--jk-peach); }

.jk-heading {
	font-family: 'Fraunces', Georgia, serif;
	font-size: 28px;
	font-weight: 500;
	margin: 0 0 14px;
	line-height: 1.2;
	color: inherit;
}
.jk-heading em { font-style: italic; color: var(--jk-peach); }
.jk-heading-dark {
	font-family: 'Fraunces', Georgia, serif;
	font-size: 28px;
	font-weight: 500;
	color: var(--jk-text-on-dark);
	margin: 0 0 14px;
	line-height: 1.2;
}
.jk-heading-dark em { font-style: italic; color: var(--jk-peach); }
.jk-prose {
	font-size: 15px;
	line-height: 1.75;
	color: rgba(0,0,0,0.7);
	margin: 0 0 14px;
}
.jk-section--dark .jk-prose { color: var(--jk-text-on-dark-soft); }

.jk-section__img {
	margin: 0;
	border-radius: 10px;
	overflow: hidden;
	aspect-ratio: 4 / 3;
	background: rgba(0,0,0,0.04);
}
.jk-section__img img { width: 100%; height: 100%; object-fit: cover; display: block; }

/* === ÉQUIPE === */
.jk-team-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
	gap: 12px;
}
.jk-team-card {
	background: #f5f1ec;
	border-radius: 10px;
	padding: 1.25rem;
	text-align: center;
}
.jk-team-card__avatar {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #ffffff;
	margin: 0 auto 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Fraunces', Georgia, serif;
	font-size: 24px;
	font-weight: 500;
	color: var(--jk-peach);
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.jk-team-card h3 { font-family: 'Fraunces', Georgia, serif; font-size: 18px; margin: 0; font-weight: 500; color: #1a1a1a; }
.jk-team-card__role {
	font-size: 11px;
	color: var(--jk-peach);
	font-style: italic;
	margin: 4px 0 10px;
}
.jk-team-card__bio { font-size: 13px; line-height: 1.5; color: rgba(0,0,0,0.65); margin: 0 0 10px; }
.jk-link-arrow {
	font-size: 13px;
	color: rgba(0,0,0,0.7);
	text-decoration: none;
	font-weight: 500;
}
.jk-section--dark .jk-link-arrow { color: var(--jk-peach); }
.jk-link-arrow:hover { color: var(--jk-peach); }

/* === LAB CARD (Labexan) === */
.jk-lab-card {
	background: rgba(255,255,255,0.04);
	border: 0.5px solid rgba(255,255,255,0.12);
	border-radius: 10px;
	padding: 1.25rem 1.5rem;
	display: flex;
	gap: 1rem;
	align-items: flex-start;
	flex-wrap: wrap;
}
.jk-lab-card__icon {
	width: 60px; height: 60px;
	border-radius: 10px;
	background: #ffffff;
	color: var(--jk-night-surface);
	display: flex; align-items: center; justify-content: center;
	flex-shrink: 0;
}
.jk-lab-card__icon i { font-size: 30px; }
.jk-lab-card__body { flex: 1; min-width: 200px; }
.jk-lab-card__name { font-family: 'Fraunces', Georgia, serif; font-size: 20px; margin: 0; font-weight: 500; color: var(--jk-text-on-dark); }
.jk-lab-card__desc { font-size: 12px; color: var(--jk-text-on-dark-muted); margin: 4px 0 14px; }
.jk-badges { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 14px; }
.jk-badge {
	font-size: 11px;
	padding: 5px 11px;
	border-radius: 999px;
	font-weight: 500;
	letter-spacing: 0.3px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
}
.jk-badge--peach { background: var(--jk-peach-soft); color: var(--jk-peach); }
.jk-badge--neutral { background: rgba(255,255,255,0.08); color: var(--jk-text-on-dark); }
.jk-lab-card__caption { font-size: 13px; line-height: 1.6; color: var(--jk-text-on-dark-soft); margin: 0; }

/* === TIMELINE === */
.jk-timeline { list-style: none; padding: 0 0 0 22px; margin: 0; position: relative; }
.jk-timeline::before {
	content: ''; position: absolute;
	left: 6px; top: 8px; bottom: 8px;
	width: 1px; background: rgba(0,0,0,0.12);
}
.jk-timeline__step { position: relative; padding-bottom: 18px; }
.jk-timeline__step::before {
	content: ''; position: absolute;
	left: -22px; top: 6px;
	width: 11px; height: 11px;
	border-radius: 50%; background: var(--jk-peach);
}
.jk-timeline__step--current::before { background: #185FA5; box-shadow: 0 0 0 4px rgba(24,95,165,0.18); }
.jk-timeline__date { display: block; font-size: 11px; font-weight: 500; letter-spacing: 0.5px; color: rgba(0,0,0,0.55); margin-bottom: 4px; }
.jk-timeline__step--current .jk-timeline__date { color: #185FA5; }
.jk-timeline__step p { font-size: 14px; line-height: 1.6; margin: 0; color: rgba(0,0,0,0.75); }

/* === BRANDS === */
.jk-brands-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }
.jk-brand-card {
	background: #f5f1ec;
	border-radius: 10px;
	padding: 1.5rem;
	color: #1a1a1a;
}
.jk-brand-card__icon {
	width: 40px; height: 40px;
	border-radius: 8px;
	background: #ffffff;
	color: rgba(0,0,0,0.7);
	display: flex; align-items: center; justify-content: center;
	margin-bottom: 14px;
}
.jk-brand-card__icon i { font-size: 20px; }
.jk-brand-card h3 { font-family: 'Fraunces', Georgia, serif; font-size: 22px; font-weight: 500; margin: 0; }
.jk-brand-card__role { font-size: 11px; color: rgba(0,0,0,0.55); margin: 4px 0 10px; }
.jk-brand-card p { font-size: 13px; line-height: 1.6; color: rgba(0,0,0,0.7); margin: 0 0 10px; }

/* === ARTICLES === */
.jk-articles-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; }
.jk-article-card {
	background: #f5f1ec;
	border-radius: 10px;
	overflow: hidden;
	transition: transform 0.15s ease;
}
.jk-article-card:hover { transform: translateY(-2px); }
.jk-article-card__link { display: block; text-decoration: none; color: inherit; }
.jk-article-card__thumb { aspect-ratio: 16 / 10; background: rgba(0,0,0,0.06); overflow: hidden; }
.jk-article-card__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.jk-article-card__thumb--placeholder { display: flex; align-items: center; justify-content: center; color: rgba(0,0,0,0.3); }
.jk-article-card__thumb--placeholder i { font-size: 24px; }
.jk-article-card__body { padding: 12px 14px 14px; }
.jk-article-card__title { font-size: 13px; font-weight: 500; line-height: 1.4; margin: 0; color: #1a1a1a; }
.jk-article-card__meta { font-size: 11px; color: rgba(0,0,0,0.5); margin: 6px 0 0; }

/* === CTA HEAT === */
.jk-cta-heat {
	position: relative;
	background: var(--jk-night-bg);
	color: var(--jk-text-on-dark);
	border-radius: 16px;
	padding: 3rem 1.5rem;
	text-align: center;
	overflow: hidden;
	margin-top: 1rem;
}
.jk-cta-heat__stars {
	position: absolute;
	inset: 0;
	background-image:
		radial-gradient(1px 1px at 15% 25%, rgba(255,255,255,0.5) 50%, transparent 50%),
		radial-gradient(1.5px 1.5px at 75% 60%, rgba(249,200,167,0.5) 50%, transparent 50%),
		radial-gradient(1px 1px at 40% 80%, rgba(255,255,255,0.4) 50%, transparent 50%);
	pointer-events: none;
}
.jk-cta-heat .jk-heading-display { color: var(--jk-text-on-dark); font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 8px; position: relative; }
.jk-cta-heat__sub { font-size: 14px; color: var(--jk-text-on-dark-soft); margin: 0 0 22px; position: relative; }
.jk-cta-heat__pills { position: relative; display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; }
.jk-pill {
	font-size: 13px;
	padding: 10px 18px;
	background: rgba(255,255,255,0.06);
	color: var(--jk-text-on-dark);
	border-radius: 999px;
	text-decoration: none;
	border: 0.5px solid rgba(255,255,255,0.18);
	transition: all 0.15s ease;
}
.jk-pill:hover { background: rgba(255,255,255,0.12); }
.jk-pill--peach { background: var(--jk-peach); color: #2a1810; border-color: var(--jk-peach); font-weight: 500; }
.jk-pill--peach:hover { background: #fbd5b3; }

/* === RESPONSIVE === */
@media (max-width: 720px) {
	.jk-section--split { grid-template-columns: 1fr; }
	.jk-section--reverse > div { order: 1; }
	.jk-section--reverse > figure { order: 2; }
	.jk-section { padding: 1.5rem; }
}