/* ===================================================================
   Home — Serbian 3x3 Academy
   Scope: every selector lives under `.home-page` so styles cannot
   leak to other pages on the site.
   Note: navbar and footer styles are intentionally omitted — the WP
   parent theme handles the site header, menu and footer.
   =================================================================== */

.home-page {
	--black: #0f1919;
	--black2: #0a1212;
	--acid: #e3e52b;
	--acid-dim: rgba(227, 229, 43, 0.15);
	--acid-dark: #b5b720;
	--white: #f0f0e8;
	--gray1: #182424;
	--gray2: #1f2e2e;
	--gray3: #2a3d3d;
	--muted: #6a8a8a;
	--muted2: #4a6666;

	background: var(--black);
	color: var(--white);
	font-family: 'Neo Sans Std', sans-serif;
	font-size: 16px;
	line-height: 1.6;
}

.home-page,
.home-page *,
.home-page *::before,
.home-page *::after {
	box-sizing: border-box;
}

/* ── UTILS ── */
.home-page .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 0px;
}
.home-page .label-tag {
	font-family: 'Anton', sans-serif;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--acid);
	display: inline-block;
	margin-top: 36px;
}
.home-page .section-eyebrow { margin-bottom: 16px; }
.home-page .display {
	font-family: 'Anton', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 0.92;
	letter-spacing: 0;
}
.home-page .heading {
	font-family: 'Anton', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
.home-page .acid-line {
	width: 48px;
	height: 3px;
	background: var(--acid);
	display: inline-block;
	vertical-align: middle;
	margin-right: 12px;
}

/* ── HERO ── */
.home-page .hero {
	position: relative;
	height: 100vh;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.home-page .hero-bg {
	position: absolute;
	inset: 0;
	
}
.home-page .hero-pattern {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(227, 229, 43, 0.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(227, 229, 43, 0.03) 1px, transparent 1px);
	background-size: 80px 80px;
}
.home-page .hero-glow {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 70% 60% at 65% 40%, rgba(227, 229, 43, 0.06) 0%, transparent 65%),
		radial-gradient(ellipse 40% 50% at 20% 70%, rgba(227, 229, 43, 0.04) 0%, transparent 55%);
}
.home-page .hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to top,
		rgba(10, 18, 18, 1) 0%,
		rgba(10, 18, 18, 0.7) 30%,
		rgba(10, 18, 18, 0.3) 70%,
		rgba(10, 18, 18, 0.5) 100%
	);
}
.home-page .hero-bg-num {
	position: absolute;
	right: -20px;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'Anton', sans-serif;
	font-size: clamp(300px, 40vw, 560px);
	font-weight: 900;
	color: rgba(227, 229, 43, 0.04);
	line-height: 1;
	pointer-events: none;
	user-select: none;
	letter-spacing: -0.04em;
}
.home-page .hero-content {
	--hero-offset: -200px;
	position: relative;
	z-index: 2;
	padding: 80px 64px;
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	transform: translateY(var(--hero-offset));
}
.home-page .hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: rgba(227, 229, 43, 0.1);
	border: 1px solid rgba(227, 229, 43, 0.2);
	padding: 8px 16px;
	margin-bottom: 12px;
}
.home-page .hero-badge-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--acid);
	animation: home-pulse 2s ease-in-out infinite;
}
@keyframes home-pulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.5; transform: scale(0.8); }
}
.home-page .hero-title {
	font-size: clamp(70px, 11vw, 150px);
	color: var(--white);
	margin-bottom: 0;
}
.home-page .hero-title .acid { color: var(--acid); }
.home-page .hero-title-line2 {
	font-size: clamp(36px, 5.5vw, 72px);
	color: var(--muted);
	margin-bottom: 36px;
}
.home-page .hero-meta {
	position: absolute;
	right: 32px;
	top: 56%;
	transform: translateY(-50%);
	display: flex;
	flex-direction: column;
	gap: 28px;
}
.home-page .hero-stat {
	padding-bottom: 24px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.home-page .hero-stat:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.home-page .hero-stat .num {
	font-family: 'Anton', sans-serif;
	font-weight: 900;
	font-size: 36px;
	text-transform: uppercase;
	color: var(--white);
	display: block;
}
.home-page .hero-stat .lbl {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--muted);
}
.home-page .hero-btns { display: flex; gap: 16px; flex-wrap: wrap; }
.home-page .btn-primary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: var(--acid);
	color: var(--black);
	font-family: 'Anton', sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 14px 32px;
	text-decoration: none;
	border: 2px solid var(--acid);
	transition: all 0.2s;
}
.home-page .btn-primary:hover { background: transparent; color: var(--acid); }
.home-page .btn-primary svg { transition: transform 0.2s; }
.home-page .btn-primary:hover svg { transform: translateX(4px); }
.home-page .btn-ghost {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: transparent;
	color: var(--white);
	font-family: 'Anton', sans-serif;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 14px 32px;
	text-decoration: none;
	border: 2px solid rgba(255, 255, 255, 0.18);
	transition: all 0.2s;
}
.home-page .btn-ghost:hover { border-color: var(--acid); color: var(--acid); }
.home-page .hero-scroll {
	position: absolute;
	bottom: 32px;
	right: 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	z-index: 2;
}
.home-page .hero-scroll span {
	font-family: 'Anton', sans-serif;
	font-size: 10px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--muted);
	writing-mode: vertical-rl;
}
.home-page .hero-scroll-line {
	width: 1px;
	height: 60px;
	background: linear-gradient(to bottom, var(--acid), transparent);
	animation: home-scrollLine 2s ease-in-out infinite;
}
@keyframes home-scrollLine {
	0% { transform: scaleY(0); transform-origin: top; }
	50% { transform: scaleY(1); transform-origin: top; }
	51% { transform: scaleY(1); transform-origin: bottom; }
	100% { transform: scaleY(0); transform-origin: bottom; }
}

/* ── TRUST MARQUEE ── */
.home-page .marquee-section {
	background: var(--acid);
	padding: 0;
	overflow: hidden;
	border-top: 1px solid var(--acid-dark);
}
.home-page .marquee-track {
	display: flex;
	width: max-content;
	animation: home-marquee 28s linear infinite;
}
@keyframes home-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
.home-page .marquee-section.marquee-pause-hover .marquee-track:hover {
	animation-play-state: paused;
}
.home-page .marquee-item {
	display: inline-flex;
	align-items: center;
	gap: 20px;
	padding: 14px 32px;
	white-space: nowrap;
}
.home-page .marquee-text {
	font-family: 'Anton', sans-serif;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--black);
}
.home-page .marquee-sep {
	width: 6px;
	height: 6px;
	background: var(--black);
	border-radius: 50%;
	opacity: 0.4;
}

/* ── ABOUT ── */
.home-page .about-section {
	padding: 120px 0;
	background: var(--black);
	position: relative;
	overflow: hidden;
}
.home-page .about-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(227, 229, 43, 0.2), transparent);
}
.home-page .about-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: center;
}
.home-page .about-visual { position: relative; }
.home-page .about-img-frame {
	position: relative;
	background: var(--gray2);
	aspect-ratio: 4 / 5;
	overflow: hidden;
}
.home-page .about-img-placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	background: linear-gradient(135deg, var(--gray2) 0%, var(--gray3) 100%);
	color: var(--muted2);
	font-family: 'Anton', sans-serif;
	font-size: 13px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.home-page .about-img-placeholder svg { opacity: 0.25; }
.home-page .about-accent {
	position: absolute;
	bottom: -20px;
	right: -20px;
	width: 120px;
	height: 120px;
	background: var(--acid);
	z-index: -1;
}
.home-page .about-accent-num {
	position: absolute;
	top: -40px;
	left: -16px;
	font-family: 'Anton', sans-serif;
	font-weight: 900;
	font-size: 120px;
	color: rgba(227, 229, 43, 0.07);
	line-height: 1;
	user-select: none;
	pointer-events: none;
}
.home-page .about-title {
	font-size: clamp(44px, 5vw, 72px);
	margin-bottom: 24px;
	margin-top: 24px;
}
.home-page .about-body {
	color: var(--muted);
	font-size: 17px;
	line-height: 1.75;
	margin-bottom: 32px;
}
.home-page .about-stats {
	display: flex;
	gap: 32px;
	margin-bottom: 40px;
	padding: 28px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
	border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.home-page .about-stat-val {
	font-family: 'Anton', sans-serif;
	font-weight: 900;
	font-size: 44px;
	color: var(--acid);
	line-height: 1;
	display: block;
}
.home-page .about-stat-lbl {
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--muted);
	margin-top: 4px;
	display: block;
}

/* ── CAMPS ── */
.home-page .camps-section {
	padding: 120px 0;
	background: var(--gray1);
	position: relative;
}
.home-page .camps-section[data-bg]::before {
	content: attr(data-bg);
	position: absolute;
	right: 32px;
	top: 40px;
	font-family: 'Anton', sans-serif;
	font-weight: 900;
	font-size: clamp(80px, 12vw, 160px);
	color: rgba(227, 229, 43, 0.03);
	line-height: 1;
	pointer-events: none;
	user-select: none;
	letter-spacing: -0.02em;
}
.home-page .section-header { margin-bottom: 64px; }
.home-page .camps-section .section-eyebrow { margin-top: 32px; margin-bottom: 30px; }
.home-page .section-title {
	font-size: clamp(44px, 5vw, 72px);
	margin-bottom: 16px;
	margin-top: 24px;
}
.home-page .section-desc {
	color: var(--muted);
	font-size: 17px;
	max-width: 520px;
	line-height: 1.7;
}
.home-page .camps-grid {
	display: grid;
	grid-template-columns: repeat(var(--camps-cols, 3), 1fr);
	gap: 2px;
	background: rgba(227, 229, 43, 0.06);
}
.home-page .camp-card {
	background: var(--black);
	position: relative;
	overflow: hidden;
	cursor: pointer;
	transition: background 0.3s;
	text-decoration: none;
	color: inherit;
	display: block;
}
.home-page .camp-card:hover { background: var(--gray2); }
.home-page .camp-card-img {
	aspect-ratio: 3 / 2;
	background: linear-gradient(135deg, var(--gray2), var(--gray3));
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.home-page .camp-card-img-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	color: var(--muted2);
	font-family: 'Anton', sans-serif;
	font-size: 12px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.home-page .camp-card-img-placeholder svg { opacity: 0.2; }
.home-page .camp-card-img::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to top, rgba(10, 18, 18, 0.8) 0%, transparent 60%);
	pointer-events: none;
}
.home-page .camp-card-tag {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 2;
	background: var(--acid);
	color: var(--black);
	font-family: 'Anton', sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	padding: 5px 12px;
}
.home-page .camp-card-body { padding: 28px; }
.home-page .camp-card-date {
	font-family: 'Anton', sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: var(--acid);
	margin-bottom: 10px;
}
.home-page .camp-card-name {
	font-family: 'Anton', sans-serif;
	font-weight: 700;
	font-size: 30px;
	text-transform: uppercase;
	color: var(--white);
	margin-bottom: 8px;
	line-height: 1.1;
}
.home-page .camp-card-loc {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--muted);
	font-size: 14px;
	margin-bottom: 16px;
}
.home-page .camp-card-loc svg { flex-shrink: 0; }
.home-page .camp-card-desc {
	color: var(--muted);
	font-size: 17px;
	line-height: 1.6;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}
.home-page .camp-card-price {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.home-page .camp-card-price-val {
	font-family: 'Anton', sans-serif;
	font-weight: 900;
	font-size: 32px;
	color: var(--acid);
	line-height: 1;
}
.home-page .camp-card-price-lbl {
	font-size: 11px;
	color: var(--muted);
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.home-page .camp-card-link {
	font-family: 'Anton', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--white);
	text-decoration: none;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: color 0.2s;
}
.home-page .camp-card:hover .camp-card-link { color: var(--acid); }

/* ── FEATURED ATHLETE ── */
.home-page .featured-section {
	padding: 0;
	background: var(--black);
	position: relative;
	overflow: hidden;
	min-height: 90vh;
	display: flex;
	align-items: center;
}
.home-page .featured-bg-text {
	position: absolute;
	left: -20px;
	top: 50%;
	transform: translateY(-50%);
	font-family: 'Anton', sans-serif;
	font-weight: 900;
	font-size: clamp(160px, 22vw, 320px);
	color: rgba(227, 229, 43, 0.03);
	line-height: 1;
	pointer-events: none;
	user-select: none;
	letter-spacing: -0.03em;
	white-space: nowrap;
}
.home-page .featured-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 90vh;
	position: relative;
	z-index: 1;
	width: 100%;
}
.home-page .featured-visual {
	position: relative;
	background: var(--gray1);
	overflow: hidden;
}
.home-page .featured-img-placeholder {
	width: 100%;
	height: 100%;
	min-height: 600px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 16px;
	background: linear-gradient(160deg, var(--gray2) 0%, var(--black) 100%);
	color: var(--muted2);
	font-family: 'Anton', sans-serif;
	font-size: 13px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.home-page .featured-img-placeholder svg { opacity: 0.2; }
.home-page .featured-rank {
	position: absolute;
	top: 0;
	right: 0;
	writing-mode: vertical-rl;
	background: var(--acid);
	color: var(--black);
	font-family: 'Anton', sans-serif;
	font-weight: 900;
	font-size: 11px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding: 16px 10px;
	z-index: 2;
}
.home-page .featured-content {
	padding: 0px 64px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: var(--gray1);
}
.home-page .featured-role {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}
.home-page .featured-name { font-size: clamp(52px, 6vw, 88px); margin-bottom: 8px; margin-top: 24px; }
.home-page .featured-title-line {
	font-family: 'Anton', sans-serif;
	font-weight: 300;
	font-size: clamp(20px, 2.5vw, 32px);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--muted);
	margin-bottom: 32px;
}
.home-page .featured-bio {
	color: var(--muted);
	font-size: 16px;
	line-height: 1.75;
	margin-bottom: 40px;
	max-width: 440px;
}
.home-page .featured-achievements {
	display: flex;
	/* flex-direction: column; */
	gap: 12px;
	margin-bottom: 40px;
}
.home-page .achievement-item {
	display: flex;
	align-items: center;
	gap: 14px;
}
.home-page .achievement-icon {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	background: var(--acid-dim);
	border: 1px solid rgba(227, 229, 43, 0.2);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
}
.home-page .achievement-text {
	font-family: 'Anton', sans-serif;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--white);
}
.home-page .featured-tag {
	display: inline-block;
	background: var(--acid);
	color: var(--black);
	font-family: 'Anton', sans-serif;
	font-size: 10px;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	padding: 4px 12px;
	margin-bottom: 8px;
	width: fit-content;
}

/* ── TEAM (reuses existing Sweat_Team_Widget_Listing) ──
   Minor cosmetic alignment so the listing widget fits within the
   home page colour palette. The widget brings its own structure;
   we only tweak spacing here. */
.home-page .team-listing-widget,
.home-page-body .team-listing-widget {
	background: var(--gray1);
}
.home-page .team-listing-widget .reveal.visible,
.home-page-body .team-listing-widget .reveal.visible {
	opacity: 1;
	transform: none;
	margin-top: 20px;
}

/* ── NEWS ── */
.home-page .news-section {
	padding: 120px 0;
	background: var(--black);
}
.home-page .news-section-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 16px;
}
.home-page .news-section-header .news-all-link { margin-bottom: 16px; }
.home-page .news-grid {
	display: grid;
	gap: 2px;
	background: rgba(255, 255, 255, 0.04);
}
.home-page .news-grid--count-3 {
	grid-template-columns: 1.6fr 1fr 1fr;
}
.home-page .news-grid--count-4 {
	grid-template-columns: 2fr 1fr 1fr;
	grid-template-rows: auto auto;
}
.home-page .news-grid--count-4 .news-card--featured {
	grid-row: span 2;
}
.home-page .news-grid--count-5 {
	grid-template-columns: 2fr 1fr 1fr;
	grid-template-rows: auto auto;
}
.home-page .news-grid--count-5 .news-card--featured {
	grid-row: span 2;
}
.home-page .news-grid--count-5 .news-card:nth-child(5) {
	grid-column: span 2;
}
.home-page .news-card {
	background: var(--black);
	overflow: hidden;
	transition: background 0.25s;
	cursor: pointer;
	text-decoration: none;
	color: inherit;
	display: flex;
	flex-direction: column;
}
.home-page .news-card:hover { background: var(--gray2); }
.home-page .news-card-img {
	aspect-ratio: 16 / 9;
	background: linear-gradient(135deg, var(--gray2), var(--gray3));
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
.home-page .news-card--featured .news-card-img { aspect-ratio: 16 / 10; }
.home-page .news-card-img-placeholder {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	color: var(--muted2);
	font-family: 'Anton', sans-serif;
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.home-page .news-card-img-placeholder svg { opacity: 0.2; }
.home-page .news-card-cat {
	position: absolute;
	top: 14px;
	left: 14px;
	background: var(--acid);
	color: var(--black);
	font-family: 'Anton', sans-serif;
	font-size: 9px;
	font-weight: 700;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	padding: 4px 10px;
	z-index: 2;
}
.home-page .news-card-body { padding: 24px; }
.home-page .news-card-date {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--muted);
	margin-bottom: 10px;
}
.home-page .news-card-title {
	font-family: 'Anton', sans-serif;
	font-weight: 700;
	font-size: 22px;
	line-height: 1.15;
	text-transform: uppercase;
	color: var(--white);
	margin-bottom: 10px;
	transition: color 0.2s;
}
.home-page .news-card:hover .news-card-title { color: var(--acid); }
.home-page .news-card--featured .news-card-title { font-size: 30px; }
.home-page .news-card-excerpt {
	color: var(--muted);
	font-size: 14px;
	line-height: 1.6;
}

/* ── CONTACT ── */
.home-page .contact-section {
	padding: 0;
	background: var(--acid);
	position: relative;
	overflow: hidden;
}
.home-page .contact-inner {
	display: grid;
	grid-template-columns: 1fr 1fr;
	min-height: 480px;
}
.home-page .contact-left {
	padding: 80px 64px;
	background: var(--black);
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	overflow: hidden;
}
.home-page .contact-left::after {
	content: '';
	position: absolute;
	top: 0;
	right: -1px;
	bottom: 0;
	width: 80px;
	background: linear-gradient(to right, transparent, var(--black));
	z-index: 1;
	pointer-events: none;
}
.home-page .contact-bg-text {
	position: absolute;
	left: -10px;
	bottom: -20px;
	font-family: 'Anton', sans-serif;
	font-weight: 900;
	font-size: clamp(100px, 14vw, 200px);
	color: rgba(227, 229, 43, 0.04);
	line-height: 1;
	pointer-events: none;
	user-select: none;
	letter-spacing: -0.02em;
}
.home-page .contact-title {
	font-size: clamp(48px, 5vw, 76px);
	color: var(--white);
	margin-bottom: 16px;
	margin-top: 24px;
	position: relative;
	z-index: 2;
}
.home-page .contact-subtitle {
	color: var(--muted);
	font-size: 17px;
	line-height: 1.7;
	max-width: 400px;
	margin-bottom: 40px;
	position: relative;
	z-index: 2;
}
.home-page .whatsapp-btn {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	background: var(--acid);
	color: var(--black);
	font-family: 'Anton', sans-serif;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 16px 36px;
	text-decoration: none;
	border: 2px solid var(--acid);
	transition: all 0.2s;
	position: relative;
	z-index: 2;
	width: fit-content;
}
.home-page .whatsapp-btn:hover { background: transparent; color: var(--acid); }
.home-page .contact-right {
	padding: 80px 64px;
	background: var(--acid);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.home-page .contact-info-title {
	font-family: 'Anton', sans-serif;
	font-weight: 900;
	font-size: clamp(40px, 5vw, 68px);
	text-transform: uppercase;
	color: var(--black);
	line-height: 0.95;
	margin-bottom: 36px;
}
.home-page .contact-details {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.home-page .contact-detail-item {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	padding-bottom: 20px;
	border-bottom: 1px solid rgba(15, 25, 25, 0.15);
}
.home-page .contact-detail-item:last-child {
	border-bottom: none;
}
.home-page .contact-detail-icon {
	width: 50px;
	height: 50px;
	flex-shrink: 0;
	background: rgba(15, 25, 25, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
}
.home-page .contact-detail-label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.15em;
	text-transform: uppercase;
	color: rgba(15, 25, 25, 0.5);
	margin-bottom: 4px;
}
.home-page .contact-detail-val {
	font-family: 'Anton', sans-serif;
	font-weight: 700;
	font-size: 18px;
	text-transform: uppercase;
	color: var(--black);
}

/* ── REVEAL ── */
.home-page .reveal {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.6s ease, transform 0.6s ease;
}
.home-page .reveal.visible {
	opacity: 1;
	transform: none;
}
.home-page .reveal-delay-1 { transition-delay: 0.1s; }
.home-page .reveal-delay-2 { transition-delay: 0.2s; }
.home-page .reveal-delay-3 { transition-delay: 0.3s; }

/* ── RESPONSIVE ── */
@media (max-width: 1024px) {
	.home-page .about-grid { grid-template-columns: 1fr; gap: 48px; }
	.home-page .about-visual { order: -1; }
	.home-page .featured-grid { grid-template-columns: 1fr; }
	.home-page .featured-visual { min-height: 400px; }
	.home-page .featured-img-placeholder { min-height: 400px; }
	.home-page .news-grid--count-3,
	.home-page .news-grid--count-4,
	.home-page .news-grid--count-5 {
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto;
	}
	.home-page .news-grid--count-3 .news-card--featured,
	.home-page .news-grid--count-4 .news-card--featured,
	.home-page .news-grid--count-5 .news-card--featured {
		grid-column: span 2;
		grid-row: auto;
	}
	.home-page .news-grid--count-5 .news-card:nth-child(5) {
		grid-column: auto;
	}
	.home-page .hero-meta {
		position: static;
		transform: none;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 32px;
		margin-top: 32px;
	}
	.home-page .hero-stat {
		border-bottom: none;
		padding-bottom: 0;
	}
	.home-page .contact-inner { grid-template-columns: 1fr; }
	.home-page .camps-grid { grid-template-columns: repeat(var(--camps-cols-t, 2), 1fr); }
}
@media (max-width: 768px) {
	.home-page .camps-grid {
		grid-template-columns: 1fr;
	}
	.home-page .news-grid--count-3,
	.home-page .news-grid--count-4,
	.home-page .news-grid--count-5 {
		grid-template-columns: 1fr;
	}
	.home-page .news-grid--count-3 .news-card--featured,
	.home-page .news-grid--count-4 .news-card--featured,
	.home-page .news-grid--count-5 .news-card--featured {
		grid-column: auto;
	}
	.home-page .contact-left,
	.home-page .contact-right { padding: 48px 32px; }
	.home-page .hero-content { transform: translateY(0); }
	.home-page .hero-meta {
		position: static;
		transform: none;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 24px;
		margin-top: 24px;
	}
	.home-page .hero-stat {
		border-bottom: none;
		padding-bottom: 0;
		border-right: 1px solid rgba(255, 255, 255, 0.06);
		padding-right: 24px;
	}
	.home-page .hero-stat:last-child { border-right: none; padding-right: 0; }
	.home-page .hero { height: auto; min-height: 100vh; }
	.home-page .featured-content { padding: 48px 32px; }
}

/* ── ELEMENTOR EDITOR FIX ── reveal animations make widgets invisible
   in the editor — force them visible only inside the editor. */
.elementor-editor-active .home-page .reveal {
	opacity: 1;
	transform: none;
}

/* ── THEME / ELEMENTOR OVERRIDES — make the entire home page full bleed
   so every <section> inside our widgets owns the full viewport width
   (the original s3x3a-homepage.html sections all span 100vw).
   NOTE: we deliberately do NOT touch .body_wrap or .page_wrap because the
   parent Sweat theme header (menu) lives inside those wrappers and
   altering them would change the navigation layout. ── */
body.home-page-body {
	--theme-var-elm_add_page_margins: 0px;
}
body.home-page-body .page_content_wrap,
body.home-page-body .page_content_wrap > .content_wrap,
body.home-page-body .page_content_wrap > .content_wrap_fullscreen,
body.home-page-body .page_content_wrap .content_wrap,
body.home-page-body .page_content_wrap .content_wrap_fullscreen,
body.home-page-body .page_content_wrap .content {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	float: none !important;
}
/* Push the first section right up to the theme header — kill every possible top-spacing source */
body.home-page-body .page_content_wrap,
body.home-page-body .page_content_wrap > .post_item_loop,
body.home-page-body .page_content_wrap > .widgets_above_page_wrap,
body.home-page-body .page_content_wrap_custom_header_margin,
body.home-page-body .post_featured,
body.home-page-body .post_item:first-child,
body.home-page-body .post_item_single,
body.home-page-body .post_content,
body.home-page-body .content > *:first-child,
body.home-page-body .page_content_wrap .elementor,
body.home-page-body .page_content_wrap .elementor-section:first-child,
body.home-page-body .home-page,
body.home-page-body .home-page > section:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
/* Kill the top panel pseudo-spacer if any */
body.home-page-body .page_title_wrap + *,
body.home-page-body .top_panel + * {
	margin-top: 0 !important;
}
body.home-page-body .page_content_wrap .post_item,
body.home-page-body .page_content_wrap .post_item_single,
body.home-page-body .page_content_wrap .post_content,
body.home-page-body .page_content_wrap .post_featured {
	margin: 0 !important;
	padding: 0 !important;
	max-width: none !important;
	width: 100% !important;
}
body.home-page-body .top_panel + .page_title_wrap,
body.home-page-body .page_title_wrap,
body.home-page-body .post_item_single > .post_header,
body.home-page-body .post_item > .post_header {
	display: none !important;
}
body.home-page-body .sidebar {
	display: none !important;
}
/* Sweat theme offsets `.post_content > .elementor` by half the page gutter
   (≈ -15px). Stretched hero sections compensate via JS; contact, team, map
   and other boxed sections stay shifted — reset so all sections share one width. */
body.home-page-body .page_content_wrap .post_content > .elementor {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
	max-width: none !important;
}
/* Elementor — force section + container to be full bleed (our widgets carry their own .container).
   IMPORTANT: scope these rules to `.page_content_wrap` ONLY so they don't leak into the parent
   theme's header (which may also use Elementor widgets for search / sidebar toggle / etc.). */
body.home-page-body .page_content_wrap .elementor,
body.home-page-body .page_content_wrap .elementor-section,
body.home-page-body .page_content_wrap .elementor-column,
body.home-page-body .page_content_wrap .elementor-widget-wrap,
body.home-page-body .page_content_wrap .elementor-widget {
	width: 100% !important;
	max-width: none !important;
}
body.home-page-body .page_content_wrap .elementor-section > .elementor-container,
body.home-page-body .page_content_wrap .elementor-section.elementor-section-boxed > .elementor-container {
	max-width: none !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}
body.home-page-body .page_content_wrap .elementor-widget,
body.home-page-body .page_content_wrap .elementor-widget-wrap,
body.home-page-body .page_content_wrap .elementor-widget-container {
	padding: 0 !important;
	margin: 0 !important;
}

/* Full-bleed: ensure the .home-page wrapper spans the full available width */
body.home-page-body .home-page {
	position: relative !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}