/* ──────────────────────────────────────────────────────────────────────────────
   home-v2.css — fresh editorial / dark-first redesign of the homepage
   Scoped under `.aljer-v2` so it doesn't bleed into other pages.
   ────────────────────────────────────────────────────────────────────────────── */

.aljer-v2 {
	--gold: #ffcd28;
	--gold-soft: rgba(255, 205, 40, 0.15);
	--ink: #0d0d0f;
	--ink-2: #16161a;
	--ink-3: #1f1f25;
	--paper: #f7f6f3;
	--paper-2: #ebe8e1;
	--rule: rgba(255, 255, 255, 0.08);
	--rule-dark: rgba(0, 0, 0, 0.08);
	--mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
	--display: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

/* Generic helpers ─────────────────────────────────────────────────────────── */
.aljer-v2 .kicker-v2 {
	display: inline-flex;
	align-items: center;
	gap: 0.65rem;
	font-family: var(--mono);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #6a6a6a;
	margin-bottom: 1.25rem;
	padding: 0.35rem 0.75rem 0.35rem 0.4rem;
	background: rgba(0, 0, 0, 0.04);
	border-radius: 999px;
}
.aljer-v2 .kicker-v2::before {
	content: '';
	width: 6px;
	height: 6px;
	background: var(--gold);
	border-radius: 50%;
	flex-shrink: 0;
	box-shadow: 0 0 0 4px rgba(255, 205, 40, 0.18);
}
.aljer-v2 .kicker-v2--light {
	color: rgba(255, 255, 255, 0.7);
	background: rgba(255, 255, 255, 0.06);
}

.aljer-v2 .display-v2 {
	font-family: var(--display);
	font-weight: 800;
	font-size: clamp(2.1rem, 4.8vw, 3.8rem);
	line-height: 1.02;
	letter-spacing: -0.035em;
	color: var(--ink);
	margin-bottom: 1.25rem;
}
.aljer-v2 .display-v2--light { color: #fff; }
.aljer-v2 .display-v2 em {
	font-style: normal;
	font-weight: 800;
	color: var(--ink);
	position: relative;
	display: inline-block;
	z-index: 1;
	padding: 0 0.15em;
	white-space: nowrap;
}
.aljer-v2 .display-v2 em::before {
	content: '';
	position: absolute;
	left: -0.05em;
	right: -0.05em;
	top: 32%;
	bottom: 8%;
	background: var(--gold);
	z-index: -1;
	transform: rotate(-1.2deg) skewX(-3deg);
	border-radius: 4px;
	box-shadow: 0 4px 14px rgba(255, 205, 40, 0.35);
}
.aljer-v2 .display-v2--light em { color: var(--ink); }

.aljer-v2 .lede-v2 {
	font-size: 1.075rem;
	line-height: 1.65;
	color: #444;
	max-width: 56ch;
}
.aljer-v2 .lede-v2--light { color: rgba(255, 255, 255, 0.78); }

.aljer-v2 .btn-v2 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.95rem 1.75rem;
	border-radius: 6px;
	font-weight: 600;
	font-size: 0.95rem;
	letter-spacing: 0.01em;
	text-decoration: none;
	transition: transform 0.25s cubic-bezier(.2,.8,.2,1), box-shadow 0.25s ease, background 0.25s ease;
	border: 1px solid transparent;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
.aljer-v2 .btn-v2--primary {
	background: linear-gradient(135deg, #ffe066 0%, #ffcd28 50%, #f5b800 100%);
	color: var(--ink);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.6) inset,
		0 -1px 0 rgba(0, 0, 0, 0.08) inset,
		0 8px 22px rgba(255, 205, 40, 0.35),
		0 2px 6px rgba(0, 0, 0, 0.08);
}
.aljer-v2 .btn-v2--primary::before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, 0.55) 50%, transparent 70%);
	transform: translateX(-100%);
	transition: transform 0.6s ease;
	z-index: -1;
}
.aljer-v2 .btn-v2--primary:hover {
	transform: translateY(-2px);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.6) inset,
		0 14px 32px rgba(255, 205, 40, 0.45),
		0 4px 10px rgba(0, 0, 0, 0.1);
	color: var(--ink);
}
.aljer-v2 .btn-v2--primary:hover::before {
	transform: translateX(100%);
}
.aljer-v2 .btn-v2--ghost {
	background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
	color: #fff;
	border-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}
.aljer-v2 .btn-v2--ghost:hover {
	background: linear-gradient(135deg, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.06) 100%);
	color: #fff;
	border-color: rgba(255, 255, 255, 0.5);
	transform: translateY(-2px);
}

/* Reveal-on-scroll ────────────────────────────────────────────────────────── */
.aljer-v2 .reveal-v2 {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.7s ease, transform 0.7s ease;
}
.aljer-v2 .reveal-v2.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* ── HERO ─────────────────────────────────────────────────────────────────── */
.aljer-v2 .hero-v2 {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 8rem 0 5rem;
	overflow: hidden;
	isolation: isolate;
}
.aljer-v2 .hero-v2::before {
	content: '';
	position: absolute;
	inset: -30px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(10px) brightness(0.4) saturate(1.1);
	z-index: -2;
	transform: scale(1.05);
}
.aljer-v2 .hero-v2::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		linear-gradient(120deg, rgba(13,13,15,0.85) 0%, rgba(13,13,15,0.6) 50%, rgba(13,13,15,0.85) 100%);
	z-index: -1;
}
.aljer-v2 .hero-v2__bg-grid {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
	background-size: 64px 64px;
	mask-image: radial-gradient(ellipse 80% 60% at 50% 30%, #000 30%, transparent 80%);
	-webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 30%, #000 30%, transparent 80%);
	z-index: -1;
	pointer-events: none;
}
.aljer-v2 .hero-v2__glow {
	position: absolute;
	top: -10%;
	right: -5%;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(255, 205, 40, 0.22) 0%, transparent 60%);
	filter: blur(40px);
	z-index: -1;
	pointer-events: none;
}

.aljer-v2 .hero-v2__inner {
	position: relative;
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	align-items: start;
}

.aljer-v2 .hero-v2__meta {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: var(--mono);
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	color: rgba(255, 255, 255, 0.55);
	margin-bottom: 1rem;
}
.aljer-v2 .hero-v2__pill {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 999px;
	padding: 0.4rem 0.9rem;
	text-transform: uppercase;
}
.aljer-v2 .hero-v2__dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #4ade80;
	box-shadow: 0 0 12px #4ade80;
	animation: pulseDot 2s ease-in-out infinite;
}
@keyframes pulseDot {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.45; }
}
.aljer-v2 .hero-v2__year {
	font-family: var(--mono);
}

.aljer-v2 .hero-v2__title {
	grid-column: 1;
	font-family: var(--display);
	font-weight: 700;
	font-size: clamp(2.4rem, 6vw, 5rem);
	line-height: 1;
	letter-spacing: -0.03em;
	color: #fff;
	margin: 0 0 1.5rem;
}
.aljer-v2 .hero-v2__title-mark {
	color: var(--gold);
	font-style: normal;
	font-weight: 800;
	position: relative;
	display: inline-block;
	text-shadow: 0 6px 24px rgba(255, 205, 40, 0.35);
}
.aljer-v2 .hero-v2__title-mark::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -0.05em;
	height: 0.12em;
	background: var(--gold);
	border-radius: 2px;
	transform: scaleX(0.85);
	transform-origin: left;
	opacity: 0.55;
}

.aljer-v2 .hero-v2__lede {
	grid-column: 1;
	font-size: 1.15rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.75);
	max-width: 60ch;
	margin: 0 0 2rem;
}
.aljer-v2 .hero-v2__ctarow {
	grid-column: 1;
	display: flex;
	gap: 0.85rem;
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.aljer-v2 .hero-v2__terminal {
	grid-column: 2;
	grid-row: 2 / span 3;
	background: var(--ink-2);
	border: 1px solid var(--rule);
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.45);
	font-family: var(--mono);
	transform: rotate(1.5deg);
}
@media (max-width: 991px) {
	.aljer-v2 .hero-v2__terminal { grid-column: 1; grid-row: auto; transform: none; margin-top: 1rem; }
}
.aljer-v2 .hero-v2__terminal-bar {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 12px 16px;
	background: rgba(255, 255, 255, 0.04);
	border-bottom: 1px solid var(--rule);
}
.aljer-v2 .hero-v2__terminal-bar span {
	width: 12px; height: 12px; border-radius: 50%;
	background: rgba(255, 255, 255, 0.18);
}
.aljer-v2 .hero-v2__terminal-bar span:first-child { background: #ff5f56; }
.aljer-v2 .hero-v2__terminal-bar span:nth-child(2) { background: #ffbd2e; }
.aljer-v2 .hero-v2__terminal-bar span:nth-child(3) { background: #27c93f; }
.aljer-v2 .hero-v2__terminal-bar em {
	margin-left: auto;
	font-size: 0.75rem;
	font-style: normal;
	color: rgba(255, 255, 255, 0.5);
}
.aljer-v2 .hero-v2__terminal-body {
	padding: 18px 22px;
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.85);
}
.aljer-v2 .hero-v2__terminal-body .line {
	margin-bottom: 0.4rem;
}
.aljer-v2 .hero-v2__terminal-body .prompt { color: var(--gold); margin-right: 0.5rem; }
.aljer-v2 .hero-v2__terminal-body .ok { color: #4ade80; margin-left: 0.3rem; }
.aljer-v2 .hero-v2__terminal-body .muted { color: rgba(255, 255, 255, 0.4); }
.aljer-v2 .hero-v2__terminal-body .cursor {
	display: inline-block;
	width: 8px;
	background: var(--gold);
	color: transparent;
	animation: blink 1s steps(1) infinite;
}
@keyframes blink {
	50% { opacity: 0; }
}

/* ── Lighthouse score reveal (in hero terminal) ─────────────────────────── */
.aljer-v2 .lh-body {
	padding: 22px 22px 20px;
}
.aljer-v2 .lh-cmd {
	font-family: var(--mono);
	font-size: 0.78rem;
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: 1.1rem;
}
.aljer-v2 .lh-cmd .prompt {
	color: var(--gold);
	margin-right: 0.5rem;
}
.aljer-v2 .lh-cmd .lh-url {
	color: #fff;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.25);
}

.aljer-v2 .lh-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.9rem;
	margin-bottom: 1.1rem;
}

.aljer-v2 .lh-score {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 0.35rem;
}

.aljer-v2 .lh-ring {
	width: 56px;
	height: 56px;
	transform: rotate(-90deg);
	overflow: visible;
}
.aljer-v2 .lh-ring-bg {
	fill: rgba(12, 206, 107, 0.12);
	stroke: rgba(12, 206, 107, 0.18);
	stroke-width: 3;
}
.aljer-v2 .lh-ring-fg {
	fill: none;
	stroke: #0cce6b;
	stroke-width: 3;
	stroke-linecap: round;
	stroke-dasharray: 106.81;          /* 2 * π * r (r=17) */
	stroke-dashoffset: 106.81;          /* fully empty */
	transition: stroke-dashoffset 1.4s cubic-bezier(.2,.8,.2,1);
	filter: drop-shadow(0 0 6px rgba(12, 206, 107, 0.5));
}
.aljer-v2 .lh-score.is-animated .lh-ring-fg {
	stroke-dashoffset: 0;
}

.aljer-v2 .lh-num {
	position: absolute;
	top: 28px;                  /* center inside the 56px ring */
	left: 0;
	right: 0;
	transform: translateY(-50%);
	font-family: var(--display);
	font-weight: 700;
	font-size: 1rem;
	color: #fff;
	line-height: 1;
}
.aljer-v2 .lh-label {
	font-family: var(--mono);
	font-size: 0.6rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.6);
	line-height: 1.2;
}

.aljer-v2 .lh-result {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	font-family: var(--mono);
	font-size: 0.78rem;
	color: #0cce6b;
	padding-top: 0.85rem;
	border-top: 1px dashed rgba(255, 255, 255, 0.08);
}
.aljer-v2 .lh-result i {
	width: 18px;
	height: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(12, 206, 107, 0.15);
	border-radius: 50%;
	font-size: 0.65rem;
	color: #0cce6b;
}

@media (prefers-reduced-motion: reduce) {
	.aljer-v2 .lh-ring-fg { transition: none; }
}

.aljer-v2 .hero-v2__stats {
	grid-column: 1 / -1;
	margin-top: 3rem;
	padding-top: 2rem;
	border-top: 1px solid var(--rule);
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
}
@media (max-width: 768px) {
	.aljer-v2 .hero-v2__stats { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
}
.aljer-v2 .hero-v2__stat strong {
	display: block;
	font-family: var(--display);
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 700;
	color: #fff;
	letter-spacing: -0.02em;
	line-height: 1;
}
.aljer-v2 .hero-v2__stat strong sup {
	color: var(--gold);
	font-size: 0.6em;
	font-weight: 600;
	margin-left: 2px;
}
.aljer-v2 .hero-v2__stat span {
	display: block;
	font-family: var(--mono);
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
	margin-top: 0.4rem;
}

/* ── MARQUEE ──────────────────────────────────────────────────────────────── */
.aljer-v2 .marquee-v2 {
	background: var(--ink);
	color: var(--gold);
	border-top: 1px solid var(--rule);
	border-bottom: 1px solid var(--rule);
	padding: 1.4rem 0;
	overflow: hidden;
	white-space: nowrap;
}
.aljer-v2 .marquee-v2__track {
	display: inline-flex;
	gap: 2rem;
	animation: marqueeScroll 40s linear infinite;
	font-family: var(--display);
	font-weight: 800;
	font-size: clamp(1.5rem, 3vw, 2.2rem);
	letter-spacing: -0.01em;
}
.aljer-v2 .marquee-v2__track .dot {
	color: rgba(255, 205, 40, 0.4);
	font-size: 1rem;
	display: inline-flex;
	align-items: center;
}
@keyframes marqueeScroll {
	from { transform: translateX(0); }
	to   { transform: translateX(-50%); }
}

/* ── INTRO ────────────────────────────────────────────────────────────────── */
.aljer-v2 .intro-v2 {
	background: var(--paper);
	padding: 7rem 0;
}
.aljer-v2 .intro-v2__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem 2.5rem;
	margin-top: 2.5rem;
	padding-top: 2.5rem;
	border-top: 1px solid var(--rule-dark);
}
@media (max-width: 768px) {
	.aljer-v2 .intro-v2__grid { grid-template-columns: 1fr; }
}
.aljer-v2 .intro-v2__grid strong {
	display: block;
	font-family: var(--display);
	font-size: 1.15rem;
	font-weight: 700;
	color: var(--ink);
	margin-bottom: 0.5rem;
}
.aljer-v2 .intro-v2__grid strong::before {
	content: '↳';
	color: var(--gold);
	margin-right: 0.5rem;
	font-weight: 400;
}
.aljer-v2 .intro-v2__grid p {
	margin: 0;
	color: #555;
	line-height: 1.6;
	font-size: 0.95rem;
}

/* ── SERVICES (BENTO) ─────────────────────────────────────────────────────── */
.aljer-v2 .services-v2 {
	background: var(--paper-2);
	padding: 7rem 0;
}
.aljer-v2 .bento-v2 {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-auto-rows: minmax(220px, auto);
	gap: 1rem;
}
@media (max-width: 991px) {
	.aljer-v2 .bento-v2 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
	.aljer-v2 .bento-v2 { grid-template-columns: 1fr; }
}
.aljer-v2 .bento-v2__cell {
	background: linear-gradient(160deg, #ffffff 0%, #fafaf7 100%);
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 22px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 0.75rem;
	transition: transform 0.35s cubic-bezier(.2,.8,.2,1), box-shadow 0.35s ease, border-color 0.35s ease;
	position: relative;
	overflow: hidden;
	isolation: isolate;
	box-shadow:
		0 1px 2px rgba(0, 0, 0, 0.04),
		0 4px 12px rgba(0, 0, 0, 0.03);
}
.aljer-v2 .bento-v2__cell::after {
	content: '';
	position: absolute;
	top: -40%; right: -30%;
	width: 60%; aspect-ratio: 1;
	background: radial-gradient(circle, rgba(255, 205, 40, 0.08) 0%, transparent 65%);
	z-index: -1;
	opacity: 0;
	transition: opacity 0.4s ease;
}
.aljer-v2 .bento-v2__cell:hover {
	transform: translateY(-6px);
	box-shadow:
		0 1px 2px rgba(0, 0, 0, 0.04),
		0 22px 44px rgba(0, 0, 0, 0.10);
	border-color: rgba(0, 0, 0, 0.08);
}
.aljer-v2 .bento-v2__cell:hover::after { opacity: 1; }
.aljer-v2 .bento-v2__head {
	display: flex;
	align-items: center;
	gap: 0.85rem;
}
.aljer-v2 .bento-v2__cell h3 {
	font-family: var(--display);
	font-size: 1.4rem;
	font-weight: 700;
	color: var(--ink);
	margin: 0;
	letter-spacing: -0.015em;
}
.aljer-v2 .bento-v2__cell p {
	color: #555;
	font-size: 0.95rem;
	line-height: 1.55;
	margin: 0;
}
.aljer-v2 .bento-v2__icon {
	font-size: 2.2rem;
	color: var(--gold);
	margin-bottom: auto;
	width: auto; height: auto;
	display: inline-block;
	align-self: flex-start;
	background: none;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}
.aljer-v2 .bento-v2__cell--lg { grid-column: span 4; grid-row: span 2; }
.aljer-v2 .bento-v2__cell--md { grid-column: span 2; }
.aljer-v2 .bento-v2__cell--sm { grid-column: span 2; }
.aljer-v2 .bento-v2__cell--dark {
	background:
		radial-gradient(ellipse 120% 80% at 90% -10%, rgba(255, 205, 40, 0.15) 0%, transparent 55%),
		linear-gradient(160deg, #1a1a1f 0%, #0d0d0f 100%);
	color: #fff;
	border-color: rgba(255, 255, 255, 0.08);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.06) inset,
		0 8px 28px rgba(0, 0, 0, 0.25);
}
.aljer-v2 .bento-v2__cell--dark h3 { color: #fff; }
.aljer-v2 .bento-v2__cell--dark p { color: rgba(255, 255, 255, 0.7); }
.aljer-v2 .bento-v2__cell--dark .bento-v2__icon {
	background: none;
	color: var(--gold);
	box-shadow: none;
}
.aljer-v2 .bento-v2__cell--dark::after {
	background: radial-gradient(circle, rgba(255, 205, 40, 0.18) 0%, transparent 65%);
}
.aljer-v2 .bento-v2__cell--accent {
	background: linear-gradient(135deg, #ffe066 0%, var(--gold) 60%, #f5b800 100%);
	border-color: transparent;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.6) inset,
		0 12px 28px rgba(255, 205, 40, 0.32);
}
.aljer-v2 .bento-v2__cell--accent .bento-v2__icon {
	background: none;
	color: var(--ink);
	box-shadow: none;
}
.aljer-v2 .bento-v2__cell--accent h3 { color: var(--ink); }
.aljer-v2 .bento-v2__cell--accent p { color: rgba(0, 0, 0, 0.7); }
.aljer-v2 .bento-v2__cell--accent::after { display: none; }

@media (max-width: 991px) {
	.aljer-v2 .bento-v2__cell--lg,
	.aljer-v2 .bento-v2__cell--md,
	.aljer-v2 .bento-v2__cell--sm { grid-column: span 1; grid-row: auto; }
}

.aljer-v2 .bento-v2__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-top: 1rem;
}
.aljer-v2 .bento-v2__tags span {
	font-family: var(--mono);
	font-size: 0.72rem;
	padding: 0.25rem 0.65rem;
	background: rgba(255,255,255,0.08);
	border: 1px solid rgba(255,255,255,0.12);
	border-radius: 6px;
	color: rgba(255,255,255,0.85);
	letter-spacing: 0.04em;
}

/* ── CASES ────────────────────────────────────────────────────────────────── */
.aljer-v2 .cases-v2 {
	position: relative;
	color: #fff;
	padding: 7rem 0;
	overflow: hidden;
	isolation: isolate;
	background: #25272d;
}
.aljer-v2 .cases-v2::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(28px) brightness(0.5) saturate(1.1);
	transform: scale(1.08);
	z-index: -3;
}
.aljer-v2 .cases-v2::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 100% 60% at 80% 0%, rgba(255, 205, 40, 0.12) 0%, transparent 55%),
		linear-gradient(180deg, rgba(20, 22, 28, 0.78) 0%, rgba(30, 33, 40, 0.82) 50%, rgba(20, 22, 28, 0.88) 100%);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	z-index: -2;
	pointer-events: none;
}
.aljer-v2 .cases-v2__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 3rem;
	flex-wrap: wrap;
}
.aljer-v2 .cases-v2__all {
	color: var(--gold);
	font-family: var(--mono);
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 0.85rem;
	text-decoration: none;
	border-bottom: 1px solid var(--gold);
	padding-bottom: 4px;
	white-space: nowrap;
}
.aljer-v2 .cases-v2__all:hover { color: #ffd84a; }

.aljer-v2 .cases-v2__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5rem;
}
@media (max-width: 991px) { .aljer-v2 .cases-v2__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .aljer-v2 .cases-v2__grid { grid-template-columns: 1fr; } }

.aljer-v2 .case-v2 {
	display: block;
	text-decoration: none;
	color: var(--ink);
	background: linear-gradient(180deg, #ffffff 0%, #fafaf7 100%);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 22px;
	overflow: hidden;
	transition: transform 0.4s cubic-bezier(.2,.8,.2,1), box-shadow 0.4s ease;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.08) inset,
		0 4px 16px rgba(0, 0, 0, 0.2),
		0 12px 30px rgba(0, 0, 0, 0.15);
	position: relative;
	isolation: isolate;
}
.aljer-v2 .case-v2::before {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 22px;
	padding: 1px;
	background: linear-gradient(135deg, rgba(255, 205, 40, 0) 0%, rgba(255, 205, 40, 0) 50%, rgba(255, 205, 40, 0.4) 100%);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: 0;
	transition: opacity 0.4s ease;
	pointer-events: none;
}
.aljer-v2 .case-v2:hover {
	transform: translateY(-8px);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.08) inset,
		0 12px 24px rgba(0, 0, 0, 0.25),
		0 24px 50px rgba(0, 0, 0, 0.2);
	color: var(--ink);
}
.aljer-v2 .case-v2:hover::before { opacity: 1; }
.aljer-v2 .case-v2__media {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #f0f0f0;
}
.aljer-v2 .case-v2__media::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.15) 100%);
	z-index: 1;
	pointer-events: none;
}
.aljer-v2 .case-v2__media img {
	width: 100%; height: 100%;
	object-fit: cover; object-position: top;
	transition: transform 0.7s cubic-bezier(.2,.8,.2,1);
}
.aljer-v2 .case-v2:hover .case-v2__media img {
	transform: scale(1.06);
}
.aljer-v2 .case-v2,
.aljer-v2 .case-v2:link,
.aljer-v2 .case-v2:visited,
.aljer-v2 .case-v2:hover,
.aljer-v2 .case-v2:active,
.aljer-v2 .case-v2:focus,
.aljer-v2 .case-v2:focus-visible,
.aljer-v2 .case-v2 *,
.aljer-v2 .case-v2 *:hover,
.aljer-v2 .case-v2 *:focus,
.aljer-v2 .cases-v2__all,
.aljer-v2 .cases-v2__all:hover,
.aljer-v2 .cases-v2__all:focus {
	text-decoration: none !important;
}
.aljer-v2 .cases-v2__all { border-bottom: none !important; }
.aljer-v2 .case-v2:focus { outline: none; }
.aljer-v2 .case-v2:focus-visible {
	outline: 2px solid var(--gold);
	outline-offset: 4px;
}
.aljer-v2 .case-v2__body { padding: 1.75rem; }
.aljer-v2 .case-v2__body h3 {
	font-family: var(--display);
	font-size: 1.3rem;
	font-weight: 700;
	margin: 0 0 0.6rem;
	color: var(--ink);
	letter-spacing: -0.01em;
}
.aljer-v2 .case-v2__body p {
	color: #5a5a5a;
	font-size: 0.93rem;
	line-height: 1.6;
	margin: 0 0 1.1rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.aljer-v2 .case-v2__cta {
	font-family: var(--mono);
	font-size: 0.78rem;
	color: #6a6a6a;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	transition: color 0.2s ease;
	display: inline-flex;
	align-items: center;
}
.aljer-v2 .case-v2:hover .case-v2__cta {
	color: var(--ink);
}
.aljer-v2 .case-v2:hover .case-v2__cta i {
	transform: translateX(3px);
}
.aljer-v2 .case-v2__cta i {
	transition: transform 0.2s ease;
}

/* ── PROCESS ──────────────────────────────────────────────────────────────── */
.aljer-v2 .process-v2 {
	background: var(--paper);
	padding: 7rem 0;
}
.aljer-v2 .process-v2__steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
	position: relative;
}
.aljer-v2 .process-v2__steps::before {
	content: '';
	position: absolute;
	top: 22px; left: 0; right: 0;
	height: 1px;
	background: var(--rule-dark);
	z-index: 0;
}
@media (max-width: 768px) {
	.aljer-v2 .process-v2__steps { grid-template-columns: 1fr; }
	.aljer-v2 .process-v2__steps::before { display: none; }
}
.aljer-v2 .process-v2__step {
	position: relative;
	padding-top: 3rem;
	z-index: 1;
}
.aljer-v2 .process-v2__num {
	position: absolute;
	top: 0; left: 0;
	font-family: var(--mono);
	font-size: 0.78rem;
	letter-spacing: 0.15em;
	color: var(--ink);
	background: var(--gold);
	padding: 0.5rem 0.8rem;
	border-radius: 8px;
}
.aljer-v2 .process-v2__step h3 {
	font-family: var(--display);
	font-size: 1.25rem;
	font-weight: 700;
	margin: 0 0 0.5rem;
	color: var(--ink);
}
.aljer-v2 .process-v2__step p {
	color: #555;
	font-size: 0.95rem;
	line-height: 1.55;
	margin: 0;
}

/* ── LOGOS ────────────────────────────────────────────────────────────────── */
.aljer-v2 .logos-v2 {
	background: var(--paper);
	padding: 4rem 0 5rem;
	border-top: 1px solid var(--rule-dark);
}
.aljer-v2 .logos-v2__label {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	font-family: var(--mono);
	font-size: 0.78rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #888;
	margin-bottom: 2.5rem;
}
.aljer-v2 .logos-v2__label span {
	height: 1px;
	flex: 1;
	max-width: 80px;
	background: var(--rule-dark);
}
.aljer-v2 .logos-v2__marquee {
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
	-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}
.aljer-v2 .logos-v2__track {
	display: inline-flex;
	align-items: center;
	gap: 4rem;
	animation: marqueeScroll 32s linear infinite;
	white-space: nowrap;
}
.aljer-v2 .logos-v2__track img {
	height: 48px;
	width: auto;
	opacity: 0.55;
	filter: grayscale(100%);
	transition: opacity 0.25s ease, filter 0.25s ease;
}
.aljer-v2 .logos-v2__track img:hover {
	opacity: 1;
	filter: grayscale(0%);
}

/* ── TARIEVEN TEASER ─────────────────────────────────────────────────────── */
.aljer-v2 .tarieven-teaser-v2 {
	background: linear-gradient(180deg, #faf8f3 0%, #f3efe5 100%);
	color: var(--ink);
	padding: 7rem 0;
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
.aljer-v2 .tarieven-teaser-v2::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle, rgba(0,0,0,0.06) 1px, transparent 1.5px);
	background-size: 22px 22px;
	mask-image: radial-gradient(ellipse 70% 80% at 50% 50%, #000 30%, transparent 100%);
	-webkit-mask-image: radial-gradient(ellipse 70% 80% at 50% 50%, #000 30%, transparent 100%);
	z-index: -2;
	pointer-events: none;
}
.aljer-v2 .tarieven-teaser-v2::after {
	display: none;
}
.aljer-v2 .tarieven-teaser-v2__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 3.5rem;
	flex-wrap: wrap;
	position: relative;
}
.aljer-v2 .tarieven-teaser-v2__head > div { max-width: 720px; }
.aljer-v2 .tarieven-teaser-v2__cta { white-space: nowrap; }
@media (max-width: 768px) {
	.aljer-v2 .tarieven-teaser-v2__cta { width: 100%; }
}

/* Pricing cards — custom, matching the rest of the home design system */
.aljer-v2 .pricing-v2 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1.5rem;
	position: relative;
}
@media (max-width: 991px) { .aljer-v2 .pricing-v2 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .aljer-v2 .pricing-v2 { grid-template-columns: 1fr; } }

.aljer-v2 .pricing-v2__card {
	position: relative;
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	overflow: visible;
	transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.aljer-v2 .pricing-v2__card:hover {
	border-color: #c4c4c4;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}

/* ── Header bar (solid black) ───────────────────────────────────────────── */
.aljer-v2 .pricing-v2__header {
	background: #0a0a0a;
	color: #fff;
	padding: 1rem 1.25rem;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.aljer-v2 .pricing-v2__name {
	font-family: var(--display);
	font-size: 0.95rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}
.aljer-v2 .pricing-v2__badge {
	display: none;
}

/* ── Price band (flat light grey) ───────────────────────────────────────── */
.aljer-v2 .pricing-v2__priceband {
	background: #f4f4f2;
	padding: 2rem 1.25rem 1.5rem;
	text-align: center;
	border-bottom: 1px solid #ebebe7;
}
.aljer-v2 .pricing-v2__price {
	display: inline-flex;
	align-items: baseline;
	justify-content: center;
	gap: 1px;
	font-family: var(--display);
	font-weight: 700;
	color: #0a0a0a;
	line-height: 1;
	letter-spacing: -0.04em;
	margin-bottom: 0.6rem;
}
.aljer-v2 .pricing-v2__price .unit {
	font-size: 1.5rem;
	font-weight: 700;
	color: #0a0a0a;
}
.aljer-v2 .pricing-v2__price .amount {
	font-size: 3rem;
}
/* Non-numeric prices ("Op aanvraag", "Maatwerk", …) — shrink so it fits the
   card without wrapping awkwardly. The card's "huge price number" treatment
   is only meaningful for actual numbers. */
.aljer-v2 .pricing-v2__price .amount--text {
	font-size: 1.5rem;
	line-height: 1.1;
	letter-spacing: -0.01em;
}
.aljer-v2 .pricing-v2__pricelabel {
	display: block;
	font-family: var(--display);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #888;
}

/* ── Body (features) ─────────────────────────────────────────────────────── */
.aljer-v2 .pricing-v2__body {
	padding: 1.75rem 1.5rem 1.5rem;
	flex: 1;
	background: #fff;
}
.aljer-v2 .pricing-v2__features {
	list-style: none;
	padding: 0;
	margin: 0;
}
.aljer-v2 .pricing-v2__features li {
	display: flex;
	align-items: flex-start;
	gap: 0.65rem;
	font-size: 0.92rem;
	color: #333;
	line-height: 1.55;
	margin-bottom: 0.75rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid #f0f0f0;
}
.aljer-v2 .pricing-v2__features li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.aljer-v2 .pricing-v2__features li i {
	flex-shrink: 0;
	color: #0a0a0a;
	font-size: 0.75rem;
	margin-top: 5px;
}

/* ── CTA (sits inside priceband, under the price label) ──────────────────── */
.aljer-v2 .pricing-v2__cta {
	display: block;
	width: 100%;
	margin-top: 1.1rem;
	padding: 0.8rem 1rem;
	border-radius: 4px;
	font-family: var(--display);
	font-weight: 700;
	font-size: 0.78rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	background: #0a0a0a;
	color: #fff;
	border: 1px solid #0a0a0a;
	transition: background 0.2s ease, color 0.2s ease;
}
.aljer-v2 .pricing-v2__cta:hover {
	background: transparent;
	color: #0a0a0a;
}

/* ── Highlighted card: subtle, not loud ──────────────────────────────────── */
.aljer-v2 .pricing-v2__card.is-highlighted {
	border-color: #0a0a0a;
	box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}
.aljer-v2 .pricing-v2__card.is-highlighted::before {
	content: 'Aanbevolen';
	position: absolute;
	top: -10px;
	right: -6px;
	background: var(--gold);
	color: var(--ink);
	font-family: var(--display);
	font-size: 0.55rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	padding: 0.28rem 0.6rem;
	border-radius: 3px;
	white-space: nowrap;
	z-index: 3;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.12);
}

/* ── CONTACT ──────────────────────────────────────────────────────────────── */
.aljer-v2 .contact-v2 {
	background: var(--paper);
	padding: 7rem 0;
}
.aljer-v2 .contact-v2__items {
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.aljer-v2 .contact-v2__item {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1.1rem 1.35rem;
	background: linear-gradient(170deg, #ffffff 0%, #fcfaf5 100%);
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 14px;
	text-decoration: none;
	color: var(--ink);
	transition: all 0.25s cubic-bezier(.2,.8,.2,1);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.6) inset,
		0 1px 2px rgba(0, 0, 0, 0.03),
		0 4px 12px rgba(0, 0, 0, 0.04);
	position: relative;
	overflow: hidden;
}
.aljer-v2 .contact-v2__item::before {
	content: '';
	position: absolute;
	left: 0; top: 0; bottom: 0;
	width: 3px;
	background: linear-gradient(180deg, transparent 0%, var(--gold) 50%, transparent 100%);
	transform: scaleY(0);
	transition: transform 0.3s ease;
}
.aljer-v2 .contact-v2__item:hover {
	transform: translateX(4px);
	color: var(--ink);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.6) inset,
		0 8px 24px rgba(0, 0, 0, 0.08);
	border-color: rgba(0, 0, 0, 0.08);
}
.aljer-v2 .contact-v2__item:hover::before { transform: scaleY(1); }
.aljer-v2 .contact-v2__item i {
	flex-shrink: 0;
	width: auto; height: auto;
	background: none;
	color: var(--gold);
	border-radius: 0;
	font-size: 1.5rem;
	box-shadow: none;
	padding: 0;
	margin: 0 0.4rem 0 0.2rem;
}
.aljer-v2 .contact-v2__item small {
	display: block;
	font-family: var(--mono);
	font-size: 0.7rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #888;
}
.aljer-v2 .contact-v2__item strong {
	display: block;
	font-size: 1rem;
	color: var(--ink);
	margin-top: 2px;
}
.aljer-v2 .contact-v2__item--static { cursor: default; }
.aljer-v2 .contact-v2__item--static:hover { transform: none; border-color: var(--rule-dark); }

.aljer-v2 .contact-v2__form {
	background: #fff;
	border: 1px solid var(--rule-dark);
	border-radius: 18px;
	padding: 2.5rem;
}
.aljer-v2 .contact-v2__label {
	display: block;
	font-family: var(--mono);
	font-size: 0.72rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #777;
	margin-bottom: 0.4rem;
}
.aljer-v2 .contact-v2__input {
	display: block;
	width: 100%;
	padding: 0.85rem 1rem;
	background: var(--paper);
	border: 1px solid transparent;
	border-radius: 10px;
	font-size: 0.95rem;
	color: var(--ink);
	font-family: var(--display);
	transition: border-color 0.18s ease, background 0.18s ease;
	outline: none;
}
.aljer-v2 .contact-v2__input:focus {
	border-color: var(--gold);
	background: #fff;
	box-shadow: 0 0 0 3px var(--gold-soft);
}
.aljer-v2 .contact-v2__input--select { min-height: 130px; }
.aljer-v2 .contact-v2__hint {
	display: block;
	margin-top: 0.4rem;
	font-size: 0.78rem;
	color: #999;
}
.aljer-v2 .contact-v2__hint-inline {
	font-family: var(--mono);
	font-weight: 500;
	font-size: 0.65rem;
	letter-spacing: 0.08em;
	text-transform: none;
	color: #999;
	margin-left: 0.4rem;
}

/* ── Checkbox option grid (replaces multi-select) ───────────────────────── */
.aljer-v2 .contact-v2__apps {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	gap: 0.65rem;
	margin-top: 0.2rem;
}
.aljer-v2 .contact-v2__app {
	margin: 0;
	cursor: pointer;
	position: relative;
}
/* Hide the actual checkbox visually but keep it accessible */
.aljer-v2 .contact-v2__app input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	pointer-events: none;
}
.aljer-v2 .contact-v2__app-card {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.7rem 0.85rem;
	background: var(--paper);
	border: 1px solid transparent;
	border-radius: 8px;
	color: #444;
	font-family: var(--display);
	font-size: 0.92rem;
	font-weight: 500;
	transition: all 0.18s ease;
	user-select: none;
	min-height: 48px;
}
.aljer-v2 .contact-v2__app-card i {
	color: #888;
	font-size: 1rem;
	flex-shrink: 0;
	transition: color 0.18s ease;
}
.aljer-v2 .contact-v2__app:hover .contact-v2__app-card {
	background: #fff;
	border-color: rgba(0, 0, 0, 0.08);
	color: var(--ink);
}
.aljer-v2 .contact-v2__app:hover .contact-v2__app-card i { color: var(--ink); }

/* Checked state — gold accent, dark text */
.aljer-v2 .contact-v2__app input:checked + .contact-v2__app-card {
	background: linear-gradient(180deg, #fffbe7 0%, #fff5cc 100%);
	border-color: var(--gold);
	color: var(--ink);
	box-shadow: 0 2px 8px rgba(255, 205, 40, 0.18);
}
.aljer-v2 .contact-v2__app input:checked + .contact-v2__app-card i {
	color: #b88a00;
}
/* Subtle check mark (checkbox indicator) */
.aljer-v2 .contact-v2__app input:checked + .contact-v2__app-card::after {
	content: '\f00c';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	font-size: 0.7rem;
	color: var(--ink);
	background: var(--gold);
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: auto;
	box-shadow: 0 2px 6px rgba(255, 205, 40, 0.4);
}

/* Keyboard focus indicator */
.aljer-v2 .contact-v2__app input:focus-visible + .contact-v2__app-card {
	outline: 2px solid var(--gold);
	outline-offset: 2px;
}
.aljer-v2 .contact-v2__footer {
	margin-top: 1.5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	flex-wrap: wrap;
}
.aljer-v2 .contact-v2__privacy {
	margin: 0;
	font-size: 0.82rem;
	color: #888;
	flex: 1;
	min-width: 200px;
}
.aljer-v2 .contact-v2__privacy a {
	color: var(--ink);
	text-decoration: underline;
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
	.aljer-v2 .marquee-v2__track,
	.aljer-v2 .logos-v2__track,
	.aljer-v2 .hero-v2__dot,
	.aljer-v2 .hero-v2__terminal-body .cursor {
		animation: none !important;
	}
	.aljer-v2 .reveal-v2 { opacity: 1; transform: none; }
}

/* ══════════════════════════════════════════════════════════════════════════════
   TARIEVEN PAGE  —  scoped to .aljer-tarieven
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── HERO  —  slim, blurred banner ──────────────────────────────────────── */
.aljer-tarieven .ti-hero {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 7rem 0 5rem;
	overflow: hidden;
	isolation: isolate;
}
.aljer-tarieven .ti-hero::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(22px) brightness(0.45) saturate(1.05);
	transform: scale(1.06);
	z-index: -2;
}
.aljer-tarieven .ti-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 80% 50% at 80% 0%, rgba(255, 205, 40, 0.10) 0%, transparent 55%),
		linear-gradient(180deg, rgba(13, 13, 15, 0.72) 0%, rgba(13, 13, 15, 0.84) 100%);
	z-index: -1;
	pointer-events: none;
}

.aljer-tarieven .ti-breadcrumb {
	display: flex;
	gap: 0.6rem;
	align-items: center;
	font-family: var(--mono);
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
	margin-bottom: 1.5rem;
}
.aljer-tarieven .ti-breadcrumb a {
	color: rgba(255, 255, 255, 0.55);
	text-decoration: none;
	transition: color 0.2s ease;
}
.aljer-tarieven .ti-breadcrumb a:hover { color: var(--gold); }
.aljer-tarieven .ti-breadcrumb [aria-current="page"] { color: #fff; }

.aljer-tarieven .ti-hero .display-v2 { max-width: 18ch; }
.aljer-tarieven .ti-hero .lede-v2 { max-width: 60ch; margin-bottom: 2.25rem; }

.aljer-tarieven .ti-hero__anchors {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin-top: 1.25rem;
}
.aljer-tarieven .ti-hero__anchor {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	padding: 0.6rem 1rem;
	font-family: var(--mono);
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.85);
	background: rgba(255, 255, 255, 0.05);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 6px;
	text-decoration: none;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition: all 0.2s ease;
}
.aljer-tarieven .ti-hero__anchor:hover {
	background: rgba(255, 255, 255, 0.10);
	border-color: rgba(255, 255, 255, 0.3);
	color: #fff;
	transform: translateY(-1px);
}
.aljer-tarieven .ti-hero__anchor i { font-size: 0.7rem; opacity: 0.8; }

/* ── SECTION wrapper (light) ────────────────────────────────────────────── */
.aljer-tarieven .ti-section {
	background: var(--paper);
	padding: 6rem 0;
}
.aljer-tarieven .ti-section--alt {
	background: linear-gradient(180deg, #faf8f3 0%, #f3efe5 100%);
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
.aljer-tarieven .ti-section--alt::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle, rgba(0,0,0,0.05) 1px, transparent 1.5px);
	background-size: 22px 22px;
	mask-image: radial-gradient(ellipse 70% 80% at 50% 50%, #000 30%, transparent 100%);
	-webkit-mask-image: radial-gradient(ellipse 70% 80% at 50% 50%, #000 30%, transparent 100%);
	z-index: -1;
	pointer-events: none;
}

.aljer-tarieven .ti-section__head {
	max-width: 760px;
	margin: 0 auto 3.5rem;
	text-align: center;
}
.aljer-tarieven .ti-section__head .lede-v2 {
	margin-left: auto;
	margin-right: auto;
}
.aljer-tarieven .ti-section__note {
	font-size: 0.92rem;
	color: #777;
	max-width: 60ch;
	margin: 0.75rem auto 0;
	line-height: 1.55;
}

/* Override pricing grid for 3-card mail layout */
.aljer-tarieven .pricing-v2--three {
	grid-template-columns: repeat(3, 1fr);
	max-width: 940px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 991px) {
	.aljer-tarieven .pricing-v2--three { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
	.aljer-tarieven .pricing-v2--three { grid-template-columns: 1fr; }
}

/* ── TRUST STRIP  —  dark glassy break ──────────────────────────────────── */
.aljer-tarieven .ti-trust {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 4rem 0;
	overflow: hidden;
	isolation: isolate;
}
.aljer-tarieven .ti-trust::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(28px) brightness(0.4) saturate(1.1);
	transform: scale(1.08);
	z-index: -3;
}
.aljer-tarieven .ti-trust::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(15, 16, 20, 0.84) 0%, rgba(20, 22, 28, 0.88) 100%);
	z-index: -2;
	pointer-events: none;
}

.aljer-tarieven .ti-trust__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5rem;
	max-width: 1080px;
	margin: 0 auto;
}
@media (max-width: 991px) { .aljer-tarieven .ti-trust__grid { grid-template-columns: repeat(2, 1fr); gap: 1.75rem; } }
@media (max-width: 575px) { .aljer-tarieven .ti-trust__grid { grid-template-columns: 1fr; gap: 1.25rem; } }

.aljer-tarieven .ti-trust__item {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}
.aljer-tarieven .ti-trust__item > i {
	font-size: 1.5rem;
	color: var(--gold);
	flex-shrink: 0;
	margin-top: 4px;
}
.aljer-tarieven .ti-trust__item strong {
	display: block;
	font-family: var(--display);
	font-size: 1rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0.3rem;
	letter-spacing: -0.005em;
}
.aljer-tarieven .ti-trust__item p {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.7);
}

/* ── FAQ ────────────────────────────────────────────────────────────────── */
.aljer-tarieven .ti-faq {
	background: var(--paper);
	padding: 6rem 0;
}
.aljer-tarieven .ti-faq__grid {
	display: grid;
	grid-template-columns: 1fr 1.4fr;
	gap: 4rem;
	align-items: start;
}
@media (max-width: 991px) {
	.aljer-tarieven .ti-faq__grid { grid-template-columns: 1fr; gap: 2.5rem; }
}
.aljer-tarieven .ti-faq__intro { position: sticky; top: 100px; }
@media (max-width: 991px) {
	.aljer-tarieven .ti-faq__intro { position: static; }
}
.aljer-tarieven .ti-faq__intro .lede-v2 { font-size: 1rem; }
.aljer-tarieven .ti-faq__link {
	color: var(--ink);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	transition: color 0.2s ease;
}
.aljer-tarieven .ti-faq__link:hover { color: #555; }

.aljer-tarieven .ti-faq__list {
	display: flex;
	flex-direction: column;
	gap: 0;
	border-top: 1px solid #e0e0e0;
}
.aljer-tarieven .ti-faq__item {
	border-bottom: 1px solid #e0e0e0;
}
.aljer-tarieven .ti-faq__item summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1.25rem 0;
	cursor: pointer;
	list-style: none;
	font-family: var(--display);
	font-size: 1.05rem;
	font-weight: 600;
	color: var(--ink);
	letter-spacing: -0.005em;
	transition: color 0.2s ease;
}
.aljer-tarieven .ti-faq__item summary::-webkit-details-marker { display: none; }
.aljer-tarieven .ti-faq__item summary::marker { display: none; }
.aljer-tarieven .ti-faq__item summary:hover { color: #444; }
.aljer-tarieven .ti-faq__item summary i {
	flex-shrink: 0;
	width: 28px; height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.05);
	border-radius: 50%;
	font-size: 0.7rem;
	color: var(--ink);
	transition: transform 0.25s ease, background 0.25s ease;
}
.aljer-tarieven .ti-faq__item[open] summary i {
	transform: rotate(45deg);
	background: var(--gold);
}
.aljer-tarieven .ti-faq__answer {
	padding: 0 0 1.5rem;
	max-width: 64ch;
}
.aljer-tarieven .ti-faq__answer p {
	margin: 0;
	color: #444;
	line-height: 1.65;
	font-size: 0.95rem;
}

/* ── CTA  —  dark glassy with anchor target offset ──────────────────────── */
.aljer-tarieven .ti-cta {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 6rem 0;
	overflow: hidden;
	isolation: isolate;
	text-align: center;
}
.aljer-tarieven .ti-cta::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(30px) brightness(0.4) saturate(1.1);
	transform: scale(1.08);
	z-index: -3;
}
.aljer-tarieven .ti-cta::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 90% 60% at 50% 0%, rgba(255, 205, 40, 0.12) 0%, transparent 55%),
		linear-gradient(180deg, rgba(13, 13, 15, 0.82) 0%, rgba(13, 13, 15, 0.90) 100%);
	z-index: -2;
	pointer-events: none;
}
.aljer-tarieven .ti-cta .display-v2 {
	max-width: 22ch;
	margin-left: auto;
	margin-right: auto;
}
.aljer-tarieven .ti-cta .lede-v2 {
	max-width: 56ch;
	margin: 0 auto 2.25rem;
}
.aljer-tarieven .ti-cta__actions {
	display: flex;
	justify-content: center;
	gap: 0.85rem;
	flex-wrap: wrap;
}

/* Smooth-scroll offset so anchored sections aren't hidden under sticky header */
.aljer-tarieven .ti-section,
.aljer-tarieven .ti-faq,
.aljer-tarieven .ti-cta {
	scroll-margin-top: 80px;
}

/* ══════════════════════════════════════════════════════════════════════════════
   PROJECTEN PAGE  —  scoped to .aljer-projecten
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── HERO ───────────────────────────────────────────────────────────────── */
.aljer-projecten .proj-hero {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 7rem 0 5rem;
	overflow: hidden;
	isolation: isolate;
}
.aljer-projecten .proj-hero::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(22px) brightness(0.45) saturate(1.05);
	transform: scale(1.06);
	z-index: -2;
}
.aljer-projecten .proj-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 80% 50% at 20% 0%, rgba(255, 205, 40, 0.10) 0%, transparent 55%),
		linear-gradient(180deg, rgba(13, 13, 15, 0.72) 0%, rgba(13, 13, 15, 0.84) 100%);
	z-index: -1;
	pointer-events: none;
}

.aljer-projecten .proj-breadcrumb {
	display: flex;
	gap: 0.6rem;
	align-items: center;
	font-family: var(--mono);
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
	margin-bottom: 1.5rem;
}
.aljer-projecten .proj-breadcrumb a {
	color: rgba(255, 255, 255, 0.55);
	text-decoration: none;
	transition: color 0.2s ease;
}
.aljer-projecten .proj-breadcrumb a:hover { color: var(--gold); }
.aljer-projecten .proj-breadcrumb [aria-current="page"] { color: #fff; }

.aljer-projecten .proj-hero .display-v2 {
	max-width: 22ch;
	font-weight: 600;
	letter-spacing: -0.025em;
	position: relative;
	padding-bottom: 1.25rem;
	margin-bottom: 1.5rem;
}
.aljer-projecten .proj-hero .display-v2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 4px;
	background: var(--gold);
	border-radius: 2px;
	box-shadow: 0 2px 12px rgba(255, 205, 40, 0.4);
}
.aljer-projecten .proj-hero .lede-v2 { max-width: 60ch; margin-bottom: 2rem; }

.aljer-projecten .proj-hero__meta {
	display: inline-flex;
	align-items: baseline;
	gap: 0.6rem;
	padding-top: 1rem;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.aljer-projecten .proj-hero__count {
	font-family: var(--display);
	font-weight: 800;
	font-size: 2.6rem;
	color: var(--gold);
	letter-spacing: -0.02em;
	line-height: 1;
}
.aljer-projecten .proj-hero__count-label {
	font-family: var(--mono);
	font-size: 0.78rem;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.65);
}

/* ── GRID SECTION ───────────────────────────────────────────────────────── */
.aljer-projecten .proj-section {
	background: var(--paper);
	padding: 5.5rem 0 6rem;
}

.aljer-projecten .proj-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.75rem;
}
@media (max-width: 991px) { .aljer-projecten .proj-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .aljer-projecten .proj-grid { grid-template-columns: 1fr; } }

.aljer-v2 .proj-empty {
	text-align: center;
	padding: 4rem 0;
	color: #666;
}

/* Card */
.aljer-v2 .proj-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 12px;
	overflow: hidden;
	text-decoration: none;
	color: var(--ink);
	transition: transform 0.3s cubic-bezier(.2,.8,.2,1), box-shadow 0.3s ease, border-color 0.3s ease;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.6) inset,
		0 1px 2px rgba(0, 0, 0, 0.03),
		0 4px 12px rgba(0, 0, 0, 0.04);
	position: relative;
}
.aljer-v2 .proj-card,
.aljer-v2 .proj-card:link,
.aljer-v2 .proj-card:visited,
.aljer-v2 .proj-card:hover,
.aljer-v2 .proj-card:active,
.aljer-v2 .proj-card:focus,
.aljer-v2 .proj-card:focus-visible,
.aljer-v2 .proj-card *,
.aljer-v2 .proj-card *:hover,
.aljer-v2 .proj-card *:focus {
	text-decoration: none !important;
}
.aljer-v2 .proj-card:focus { outline: none; }
.aljer-v2 .proj-card:focus-visible {
	outline: 2px solid var(--gold);
	outline-offset: 4px;
}
.aljer-v2 .proj-card:hover {
	transform: translateY(-6px);
	border-color: #d8d8d8;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.6) inset,
		0 4px 8px rgba(0, 0, 0, 0.05),
		0 18px 36px rgba(0, 0, 0, 0.10);
}

.aljer-v2 .proj-card__media {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #f0f0f0;
}
.aljer-v2 .proj-card__media::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 65%, rgba(0, 0, 0, 0.12) 100%);
	z-index: 1;
	pointer-events: none;
}
.aljer-v2 .proj-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	transition: transform 0.7s cubic-bezier(.2,.8,.2,1);
}
.aljer-v2 .proj-card:hover .proj-card__media img {
	transform: scale(1.05);
}

.aljer-v2 .proj-card__body {
	padding: 1.5rem 1.5rem 1.4rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.aljer-v2 .proj-card__title {
	font-family: var(--display);
	font-size: 1.3rem;
	font-weight: 700;
	color: var(--ink);
	margin: 0 0 0.55rem;
	letter-spacing: -0.015em;
	line-height: 1.25;
}
.aljer-v2 .proj-card__desc {
	color: #555;
	font-size: 0.92rem;
	line-height: 1.55;
	margin: 0 0 1.1rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	flex: 1;
}
.aljer-v2 .proj-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-family: var(--mono);
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ink);
	padding-top: 0.85rem;
	border-top: 1px solid #f0f0f0;
}
.aljer-v2 .proj-card__cta i {
	font-size: 0.7rem;
	transition: transform 0.2s ease;
}
.aljer-v2 .proj-card:hover .proj-card__cta i {
	transform: translateX(4px);
	color: var(--gold);
}

/* ── CTA  —  dark glassy ────────────────────────────────────────────────── */
.aljer-projecten .proj-cta {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 6rem 0;
	overflow: hidden;
	isolation: isolate;
	text-align: center;
}
.aljer-projecten .proj-cta::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(30px) brightness(0.4) saturate(1.1);
	transform: scale(1.08);
	z-index: -3;
}
.aljer-projecten .proj-cta::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 90% 60% at 50% 0%, rgba(255, 205, 40, 0.12) 0%, transparent 55%),
		linear-gradient(180deg, rgba(13, 13, 15, 0.82) 0%, rgba(13, 13, 15, 0.90) 100%);
	z-index: -2;
	pointer-events: none;
}
.aljer-projecten .proj-cta .display-v2 {
	max-width: 22ch;
	margin-left: auto;
	margin-right: auto;
}
.aljer-projecten .proj-cta .lede-v2 {
	max-width: 56ch;
	margin: 0 auto 2.25rem;
}
.aljer-projecten .proj-cta__actions {
	display: flex;
	justify-content: center;
	gap: 0.85rem;
	flex-wrap: wrap;
}

/* ══════════════════════════════════════════════════════════════════════════════
   PROJECT DETAIL  —  scoped to .aljer-project
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── HERO  —  slim, blurred banner backdrop (uses casus.banner) ─────────── */
.aljer-project .pj-hero {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 6rem 0 9rem;
	overflow: hidden;
	isolation: isolate;
}
.aljer-project .pj-hero::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: var(--pj-hero-bg, url('/images/banner.jpg'));
	background-size: cover;
	background-position: center;
	filter: blur(28px) brightness(0.42) saturate(1.05);
	transform: scale(1.06);
	z-index: -2;
}
.aljer-project .pj-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 80% 50% at 80% 0%, rgba(255, 205, 40, 0.10) 0%, transparent 55%),
		linear-gradient(180deg, rgba(13, 13, 15, 0.74) 0%, rgba(13, 13, 15, 0.88) 100%);
	z-index: -1;
	pointer-events: none;
}

.aljer-project .pj-breadcrumb {
	display: flex;
	gap: 0.55rem;
	align-items: center;
	font-family: var(--mono);
	font-size: 0.74rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
	margin-bottom: 1.5rem;
	flex-wrap: wrap;
}
.aljer-project .pj-breadcrumb a {
	color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
	transition: color 0.2s ease;
}
.aljer-project .pj-breadcrumb a:hover { color: var(--gold); }
.aljer-project .pj-breadcrumb [aria-current="page"] {
	color: var(--gold);
	max-width: 28ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.aljer-project .pj-hero__kind {
	display: inline-block;
	font-family: var(--mono);
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 0.85rem;
}
.aljer-project .pj-hero .display-v2 {
	max-width: 22ch;
	font-weight: 700;
	margin-bottom: 1rem;
}
.aljer-project .pj-hero .lede-v2 {
	max-width: 60ch;
	margin-bottom: 2rem;
}

.aljer-project .pj-hero__actions {
	display: flex;
	gap: 0.85rem;
	flex-wrap: wrap;
}

/* ── SCREENSHOT PREVIEW  —  floats over hero edge ───────────────────────── */
.aljer-project .pj-preview-wrap {
	position: relative;
	margin-top: -6rem;
	z-index: 5;
}
.aljer-project .pj-preview {
	margin: 0 auto;
	max-width: 920px;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(255, 255, 255, 0.06);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.6) inset,
		0 8px 24px rgba(0, 0, 0, 0.18),
		0 30px 70px rgba(0, 0, 0, 0.30);
}
.aljer-project .pj-preview img {
	display: block;
	width: 100%;
	max-height: 540px;
	object-fit: cover;
	object-position: top;
}

/* ── META STRIP ──────────────────────────────────────────────────────────── */
.aljer-project .pj-meta {
	background: var(--paper);
	padding: 4rem 0 3.25rem;
}
.aljer-project .pj-meta__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	margin: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
@media (max-width: 991px) { .aljer-project .pj-meta__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .aljer-project .pj-meta__grid { grid-template-columns: 1fr; } }

.aljer-project .pj-meta__cell {
	padding: 1.4rem 1.25rem;
	border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.aljer-project .pj-meta__cell:last-child { border-right: none; }
@media (max-width: 991px) {
	.aljer-project .pj-meta__cell:nth-child(2) { border-right: none; }
	.aljer-project .pj-meta__cell:nth-child(1),
	.aljer-project .pj-meta__cell:nth-child(2) { border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
}
@media (max-width: 575px) {
	.aljer-project .pj-meta__cell { border-right: none; border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
	.aljer-project .pj-meta__cell:last-child { border-bottom: none; }
}

.aljer-project .pj-meta__cell dt {
	display: block;
	font-family: var(--mono);
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #888;
	margin-bottom: 0.4rem;
}
.aljer-project .pj-meta__cell dd {
	margin: 0;
	font-family: var(--display);
	font-size: 0.95rem;
	font-weight: 600;
	color: var(--ink);
	letter-spacing: -0.005em;
	line-height: 1.4;
}
.aljer-project .pj-meta__cell dd a {
	color: var(--ink);
	text-decoration: none;
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	transition: color 0.2s ease;
}
.aljer-project .pj-meta__cell dd a:hover { color: #555; }
.aljer-project .pj-meta__cell dd a i { font-size: 0.7rem; opacity: 0.7; }
.aljer-project .pj-meta__muted { color: #999; font-weight: 500; }

/* ── ARTICLE BODY  —  long-form typography ──────────────────────────────── */
.aljer-project .pj-article {
	background: var(--paper);
	padding: 1rem 0 5rem;
}
.aljer-v2 .article-body {
	max-width: 760px;
	margin: 0 auto;
	color: #2a2a2a;
	font-family: var(--display);
	font-size: 1.0625rem;
	line-height: 1.75;
}
.aljer-v2 .article-body > h2,
.aljer-v2 .article-body > h3,
.aljer-v2 .article-body > h4 {
	font-family: var(--display);
	color: var(--ink);
	letter-spacing: -0.02em;
	margin-top: 2.75rem;
	margin-bottom: 1rem;
	line-height: 1.2;
}
.aljer-v2 .article-body > h2 { font-size: 1.85rem; font-weight: 700; }
.aljer-v2 .article-body > h3 { font-size: 1.4rem; font-weight: 700; }
.aljer-v2 .article-body > h4 { font-size: 1.15rem; font-weight: 600; }
.aljer-v2 .article-body > p {
	margin: 0 0 1.25rem;
	color: #2a2a2a;
}
.aljer-v2 .article-body > p strong { color: var(--ink); font-weight: 700; }
.aljer-v2 .article-body > ul,
.aljer-v2 .article-body > ol {
	padding-left: 1.5rem;
	margin: 0 0 1.5rem;
}
.aljer-v2 .article-body > ul li,
.aljer-v2 .article-body > ol li {
	margin-bottom: 0.45rem;
	color: #2a2a2a;
}
.aljer-v2 .article-body > ul li::marker { color: var(--gold); }
.aljer-v2 .article-body a {
	color: var(--ink);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	text-decoration-color: var(--gold);
	transition: color 0.2s ease;
}
.aljer-v2 .article-body a:hover { color: #555; }

.aljer-v2 .article-body > blockquote {
	margin: 2rem 0;
	padding: 1.25rem 1.5rem;
	background: #fff;
	border-left: 3px solid var(--gold);
	border-radius: 0 8px 8px 0;
	font-style: italic;
	color: #444;
}
.aljer-v2 .article-body > blockquote p {
	margin: 0;
	font-size: 1.05rem;
	line-height: 1.65;
}
.aljer-v2 .article-body > blockquote cite {
	display: block;
	margin-top: 0.6rem;
	font-style: normal;
	font-size: 0.85rem;
	font-weight: 600;
	color: #777;
}
.aljer-v2 .article-body > hr {
	border: none;
	border-top: 1px solid #e0e0e0;
	margin: 3rem 0;
}

/* Figures (from render-blocks) */
.aljer-v2 .article-body .block-figure {
	margin: 2rem 0;
}
.aljer-v2 .article-body .block-figure img {
	display: block;
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
}
.aljer-v2 .article-body .block-figure figcaption {
	margin-top: 0.6rem;
	font-size: 0.85rem;
	color: #888;
	text-align: center;
	font-style: italic;
}
.aljer-v2 .article-body .block-figure-left  img { float: left; max-width: 50%; margin: 0 1.25rem 0.75rem 0; }
.aljer-v2 .article-body .block-figure-right img { float: right; max-width: 50%; margin: 0 0 0.75rem 1.25rem; }
.aljer-v2 .article-body .block-figure-full  img { width: 100%; }
.aljer-v2 .article-body .block-img-pad-sm { margin-top: 0.75rem  !important; margin-bottom: 0.75rem  !important; }
.aljer-v2 .article-body .block-img-pad-md { margin-top: 2.5rem   !important; margin-bottom: 2.5rem   !important; }
.aljer-v2 .article-body .block-img-pad-lg { margin-top: 4rem     !important; margin-bottom: 4rem     !important; }

/* Two-column blocks */
.aljer-v2 .article-body .block-cols {
	display: flex;
	gap: 2rem;
	margin: 1.5rem 0;
}
.aljer-v2 .article-body .block-col { flex: 1; }
.aljer-v2 .article-body .block-col p { margin: 0; }
@media (max-width: 640px) {
	.aljer-v2 .article-body .block-cols { flex-direction: column; gap: 1rem; }
}

/* Clearfix for floated figures */
.aljer-v2 .article-body::after {
	content: '';
	display: table;
	clear: both;
}

/* ── Block helpers — text alignment + size ──────────────────────────────── */
.aljer-v2 .article-body .block-text-left   { text-align: left; }
.aljer-v2 .article-body .block-text-center { text-align: center; }
.aljer-v2 .article-body .block-text-right  { text-align: right; }
.aljer-v2 .article-body .block-text-lead {
	font-size: 1.2rem;
	font-weight: 500;
	color: var(--ink);
	line-height: 1.55;
}
.aljer-v2 .article-body .block-text-small {
	font-size: 0.92rem;
	color: #555;
}

/* ── Quote variants ─────────────────────────────────────────────────────── */
.aljer-v2 .article-body .block-quote.block-quote-big {
	border: none;
	background: transparent;
	padding: 1.5rem 0;
	font-style: normal;
	font-family: var(--display);
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.4;
	color: var(--ink);
	letter-spacing: -0.015em;
	border-radius: 0;
}
.aljer-v2 .article-body .block-quote.block-quote-big::before {
	content: '\201C';
	display: block;
	font-size: 3.5rem;
	color: var(--gold);
	line-height: 0.8;
	margin-bottom: 0.3rem;
	font-family: Georgia, serif;
}
.aljer-v2 .article-body .block-quote.block-quote-big p {
	font-size: inherit;
	font-weight: inherit;
	font-style: normal;
}
.aljer-v2 .article-body .block-quote.block-quote-big cite {
	display: block;
	margin-top: 1rem;
	font-size: 0.85rem;
	font-weight: 600;
	color: #777;
	font-style: normal;
}

/* ── Divider variants ───────────────────────────────────────────────────── */
.aljer-v2 .article-body .block-divider {
	border: none;
	border-top: 1px solid #e0e0e0;
}
.aljer-v2 .article-body .block-divider-dashed { border-top-style: dashed; }
.aljer-v2 .article-body .block-divider-dotted { border-top-style: dotted; }
.aljer-v2 .article-body .block-divider-gold {
	border-top: none;
	height: 3px;
	background: linear-gradient(90deg, var(--gold) 0%, rgba(255, 205, 40, 0.2) 100%);
	border-radius: 2px;
}
.aljer-v2 .article-body .block-divider-space-sm { margin: 1rem 0; }
.aljer-v2 .article-body .block-divider-space-md { margin: 2.5rem 0; }
.aljer-v2 .article-body .block-divider-space-lg { margin: 4rem 0; }

/* ── Button block ───────────────────────────────────────────────────────── */
.aljer-v2 .article-body .block-button-wrap {
	margin: 1.75rem 0;
}
.aljer-v2 .article-body .block-text-center.block-button-wrap { text-align: center; }
.aljer-v2 .article-body .block-text-right.block-button-wrap  { text-align: right; }
.aljer-v2 .article-body .block-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0.85rem 1.65rem;
	border-radius: 6px;
	font-family: var(--display);
	font-weight: 600;
	font-size: 0.95rem;
	letter-spacing: 0.005em;
	text-decoration: none !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
	border: 1px solid transparent;
}
.aljer-v2 .article-body .block-button-primary {
	background: var(--gold);
	color: var(--ink) !important;
	border-color: var(--gold);
	box-shadow: 0 4px 14px rgba(255, 205, 40, 0.32);
}
.aljer-v2 .article-body .block-button-primary:hover {
	background: #ffd84a;
	border-color: #ffd84a;
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(255, 205, 40, 0.42);
}
.aljer-v2 .article-body .block-button-dark {
	background: var(--ink);
	color: #fff !important;
	border-color: var(--ink);
}
.aljer-v2 .article-body .block-button-dark:hover {
	background: #2a2a2e;
	border-color: #2a2a2e;
	transform: translateY(-2px);
}
.aljer-v2 .article-body .block-button-outline {
	background: transparent;
	color: var(--ink) !important;
	border-color: rgba(0, 0, 0, 0.18);
}
.aljer-v2 .article-body .block-button-outline:hover {
	background: var(--ink);
	color: #fff !important;
	border-color: var(--ink);
}

/* ── Callout block ──────────────────────────────────────────────────────── */
.aljer-v2 .article-body .block-callout {
	display: flex;
	align-items: flex-start;
	gap: 0.85rem;
	padding: 1.1rem 1.25rem;
	border: 1px solid;
	border-left-width: 3px;
	border-radius: 8px;
	margin: 1.5rem 0;
	background: #fff;
}
.aljer-v2 .article-body .block-callout__icon {
	flex-shrink: 0;
	font-size: 1rem;
	margin-top: 4px;
}
.aljer-v2 .article-body .block-callout__body { flex: 1; min-width: 0; }
.aljer-v2 .article-body .block-callout__title {
	display: block;
	font-family: var(--display);
	font-weight: 700;
	font-size: 1rem;
	margin-bottom: 0.35rem;
	color: var(--ink);
	letter-spacing: -0.005em;
}
.aljer-v2 .article-body .block-callout p {
	margin: 0;
	color: #444;
	font-size: 0.94rem;
	line-height: 1.55;
}
/* Variants */
.aljer-v2 .article-body .block-callout-info {
	border-color: rgba(96, 165, 250, 0.35);
	background: linear-gradient(180deg, rgba(96, 165, 250, 0.06) 0%, #fff 100%);
}
.aljer-v2 .article-body .block-callout-info .block-callout__icon { color: #2563eb; }

.aljer-v2 .article-body .block-callout-success {
	border-color: rgba(74, 222, 128, 0.35);
	background: linear-gradient(180deg, rgba(74, 222, 128, 0.06) 0%, #fff 100%);
}
.aljer-v2 .article-body .block-callout-success .block-callout__icon { color: #16a34a; }

.aljer-v2 .article-body .block-callout-warning {
	border-color: rgba(251, 191, 36, 0.45);
	background: linear-gradient(180deg, rgba(251, 191, 36, 0.08) 0%, #fff 100%);
}
.aljer-v2 .article-body .block-callout-warning .block-callout__icon { color: #d97706; }

.aljer-v2 .article-body .block-callout-danger {
	border-color: rgba(248, 113, 113, 0.4);
	background: linear-gradient(180deg, rgba(248, 113, 113, 0.06) 0%, #fff 100%);
}
.aljer-v2 .article-body .block-callout-danger .block-callout__icon { color: #dc2626; }

.aljer-v2 .article-body .block-callout-gold {
	border-color: var(--gold);
	background: linear-gradient(180deg, rgba(255, 205, 40, 0.10) 0%, #fff 100%);
}
.aljer-v2 .article-body .block-callout-gold .block-callout__icon { color: #b88a00; }

/* ── Spacer block ───────────────────────────────────────────────────────── */
.aljer-v2 .article-body .block-spacer { display: block; }
.aljer-v2 .article-body .block-spacer-xs { height: 1rem; }
.aljer-v2 .article-body .block-spacer-sm { height: 2rem; }
.aljer-v2 .article-body .block-spacer-md { height: 4rem; }
.aljer-v2 .article-body .block-spacer-lg { height: 6rem; }
.aljer-v2 .article-body .block-spacer-xl { height: 8rem; }

/* ── PREV/NEXT  —  cross-case nav ────────────────────────────────────────── */
.aljer-project .pj-pagenav {
	background: var(--paper);
	padding: 2rem 0;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.aljer-project .pj-pagenav__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
	align-items: center;
}
.aljer-project .pj-pagenav__link {
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	color: var(--ink);
	text-decoration: none;
	transition: transform 0.25s ease, color 0.2s ease;
}
.aljer-project .pj-pagenav__link:hover { color: var(--ink); }
.aljer-project .pj-pagenav__link--prev:hover { transform: translateX(-4px); }
.aljer-project .pj-pagenav__link--next {
	justify-content: flex-end;
	text-align: right;
	margin-left: auto;
}
.aljer-project .pj-pagenav__link--next:hover { transform: translateX(4px); }
.aljer-project .pj-pagenav__link i {
	font-size: 1rem;
	color: #888;
	transition: color 0.2s ease;
}
.aljer-project .pj-pagenav__link:hover i { color: var(--gold); }
.aljer-project .pj-pagenav__link small {
	display: block;
	font-family: var(--mono);
	font-size: 0.66rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #888;
	margin-bottom: 3px;
}
.aljer-project .pj-pagenav__link strong {
	display: block;
	font-family: var(--display);
	font-size: 1rem;
	font-weight: 700;
	color: var(--ink);
	letter-spacing: -0.005em;
}
@media (max-width: 575px) {
	.aljer-project .pj-pagenav__row { grid-template-columns: 1fr; }
	.aljer-project .pj-pagenav__link--next { justify-content: flex-start; text-align: left; margin-left: 0; }
	.aljer-project .pj-pagenav__link--next i { order: -1; }
}

/* ── RELATED PROJECTS ────────────────────────────────────────────────────── */
.aljer-project .pj-related {
	background: var(--paper);
	padding: 4.5rem 0 5rem;
}
.aljer-project .pj-related__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 2.5rem;
	flex-wrap: wrap;
}
.aljer-project .pj-related__head .display-v2 {
	font-size: clamp(1.6rem, 3vw, 2.4rem);
	font-weight: 700;
	margin-bottom: 0;
}
.aljer-project .pj-related__all {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-family: var(--mono);
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--ink);
	text-decoration: none;
	transition: color 0.2s ease, transform 0.2s ease;
}
.aljer-project .pj-related__all:hover { color: var(--gold); transform: translateX(3px); }
.aljer-project .pj-related__all i { font-size: 0.7rem; }

/* ── CTA  —  dark glassy ────────────────────────────────────────────────── */
.aljer-project .pj-cta {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 6rem 0;
	overflow: hidden;
	isolation: isolate;
	text-align: center;
}
.aljer-project .pj-cta::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(30px) brightness(0.4) saturate(1.1);
	transform: scale(1.08);
	z-index: -3;
}
.aljer-project .pj-cta::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 90% 60% at 50% 0%, rgba(255, 205, 40, 0.12) 0%, transparent 55%),
		linear-gradient(180deg, rgba(13, 13, 15, 0.82) 0%, rgba(13, 13, 15, 0.90) 100%);
	z-index: -2;
	pointer-events: none;
}
.aljer-project .pj-cta .display-v2 {
	max-width: 24ch;
	margin-left: auto;
	margin-right: auto;
}
.aljer-project .pj-cta .lede-v2 {
	max-width: 56ch;
	margin: 0 auto 2.25rem;
}
.aljer-project .pj-cta__actions {
	display: flex;
	justify-content: center;
	gap: 0.85rem;
	flex-wrap: wrap;
}

/* ══════════════════════════════════════════════════════════════════════════════
   BLOG LISTING  —  scoped to .aljer-blog
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── HERO ───────────────────────────────────────────────────────────────── */
.aljer-blog .bl-hero {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 7rem 0 5rem;
	overflow: hidden;
	isolation: isolate;
}
.aljer-blog .bl-hero::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(22px) brightness(0.45) saturate(1.05);
	transform: scale(1.06);
	z-index: -2;
}
.aljer-blog .bl-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 80% 50% at 20% 0%, rgba(255, 205, 40, 0.10) 0%, transparent 55%),
		linear-gradient(180deg, rgba(13, 13, 15, 0.72) 0%, rgba(13, 13, 15, 0.84) 100%);
	z-index: -1;
	pointer-events: none;
}

.aljer-blog .bl-breadcrumb {
	display: flex;
	gap: 0.6rem;
	align-items: center;
	font-family: var(--mono);
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
	margin-bottom: 1.5rem;
}
.aljer-blog .bl-breadcrumb a {
	color: rgba(255, 255, 255, 0.55);
	text-decoration: none;
	transition: color 0.2s ease;
}
.aljer-blog .bl-breadcrumb a:hover { color: var(--gold); }
.aljer-blog .bl-breadcrumb [aria-current="page"] { color: #fff; }

.aljer-blog .bl-hero .display-v2 {
	max-width: 22ch;
	font-weight: 600;
	letter-spacing: -0.025em;
	position: relative;
	padding-bottom: 1.25rem;
	margin-bottom: 1.5rem;
}
.aljer-blog .bl-hero .display-v2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 4px;
	background: var(--gold);
	border-radius: 2px;
	box-shadow: 0 2px 12px rgba(255, 205, 40, 0.4);
}
.aljer-blog .bl-hero .lede-v2 { max-width: 60ch; }

/* ── GRID SECTION ───────────────────────────────────────────────────────── */
.aljer-blog .bl-section {
	background: var(--paper);
	padding: 5.5rem 0 6rem;
}
.aljer-v2 .bl-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.75rem;
}
@media (max-width: 991px) { .aljer-v2 .bl-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .aljer-v2 .bl-grid { grid-template-columns: 1fr; } }

.aljer-blog .bl-empty {
	text-align: center;
	padding: 5rem 1rem;
	color: #777;
}
.aljer-blog .bl-empty i {
	display: block;
	font-size: 2.5rem;
	color: rgba(0, 0, 0, 0.12);
	margin-bottom: 1rem;
}
.aljer-blog .bl-empty p { margin: 0; font-size: 0.95rem; }

/* ── BLOG CARD ──────────────────────────────────────────────────────────── */
.aljer-v2 .bl-card,
.aljer-v2 .bl-card:link,
.aljer-v2 .bl-card:visited,
.aljer-v2 .bl-card:hover,
.aljer-v2 .bl-card:active,
.aljer-v2 .bl-card:focus,
.aljer-v2 .bl-card:focus-visible,
.aljer-v2 .bl-card *,
.aljer-v2 .bl-card *:hover,
.aljer-v2 .bl-card *:focus {
	text-decoration: none !important;
}

.aljer-v2 .bl-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 12px;
	overflow: hidden;
	color: var(--ink);
	transition: transform 0.3s cubic-bezier(.2,.8,.2,1), box-shadow 0.3s ease, border-color 0.3s ease;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.6) inset,
		0 1px 2px rgba(0, 0, 0, 0.03),
		0 4px 12px rgba(0, 0, 0, 0.04);
	position: relative;
}
.aljer-v2 .bl-card:focus { outline: none; }
.aljer-v2 .bl-card:focus-visible {
	outline: 2px solid var(--gold);
	outline-offset: 4px;
}
.aljer-v2 .bl-card:hover {
	transform: translateY(-6px);
	border-color: #d8d8d8;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.6) inset,
		0 4px 8px rgba(0, 0, 0, 0.05),
		0 18px 36px rgba(0, 0, 0, 0.10);
}

.aljer-v2 .bl-card__media {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: #f0f0f0;
}
.aljer-v2 .bl-card__media::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, transparent 65%, rgba(0, 0, 0, 0.10) 100%);
	z-index: 1;
	pointer-events: none;
}
.aljer-v2 .bl-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform 0.7s cubic-bezier(.2,.8,.2,1);
}
.aljer-v2 .bl-card:hover .bl-card__media img {
	transform: scale(1.05);
}
.aljer-v2 .bl-card__placeholder {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(160deg, #1a1a1d 0%, #0d0d0f 100%);
	color: var(--gold);
	font-size: 2.5rem;
	opacity: 0.85;
}

.aljer-v2 .bl-card__body {
	padding: 1.5rem 1.5rem 1.4rem;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.aljer-v2 .bl-card__date {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-family: var(--mono);
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #888;
	margin-bottom: 0.85rem;
}
.aljer-v2 .bl-card__date i { font-size: 0.78rem; }
.aljer-v2 .bl-card__title {
	font-family: var(--display);
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--ink);
	margin: 0 0 0.55rem;
	letter-spacing: -0.015em;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.aljer-v2 .bl-card__excerpt {
	color: #555;
	font-size: 0.92rem;
	line-height: 1.55;
	margin: 0 0 1.1rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	flex: 1;
}
.aljer-v2 .bl-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	font-family: var(--mono);
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--ink);
	padding-top: 0.85rem;
	border-top: 1px solid #f0f0f0;
}
.aljer-v2 .bl-card__cta i {
	font-size: 0.7rem;
	transition: transform 0.2s ease;
}
.aljer-v2 .bl-card:hover .bl-card__cta i {
	transform: translateX(4px);
	color: var(--gold);
}

/* ── CTA  —  dark glassy ────────────────────────────────────────────────── */
.aljer-blog .bl-cta {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 6rem 0;
	overflow: hidden;
	isolation: isolate;
	text-align: center;
}
.aljer-blog .bl-cta::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(30px) brightness(0.4) saturate(1.1);
	transform: scale(1.08);
	z-index: -3;
}
.aljer-blog .bl-cta::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 90% 60% at 50% 0%, rgba(255, 205, 40, 0.12) 0%, transparent 55%),
		linear-gradient(180deg, rgba(13, 13, 15, 0.82) 0%, rgba(13, 13, 15, 0.90) 100%);
	z-index: -2;
	pointer-events: none;
}
.aljer-blog .bl-cta .display-v2 {
	max-width: 22ch;
	margin-left: auto;
	margin-right: auto;
}
.aljer-blog .bl-cta .lede-v2 {
	max-width: 56ch;
	margin: 0 auto 2.25rem;
}
.aljer-blog .bl-cta__actions {
	display: flex;
	justify-content: center;
	gap: 0.85rem;
	flex-wrap: wrap;
}

/* ══════════════════════════════════════════════════════════════════════════════
   BLOG POST DETAIL  —  scoped to .aljer-blogpost
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── HERO ───────────────────────────────────────────────────────────────── */
.aljer-blogpost .bp-hero {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 5rem 0 7rem;
	overflow: hidden;
	isolation: isolate;
}
.aljer-blogpost .bp-hero::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(28px) brightness(0.42) saturate(1.05);
	transform: scale(1.06);
	z-index: -2;
}
.aljer-blogpost .bp-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255, 205, 40, 0.10) 0%, transparent 55%),
		linear-gradient(180deg, rgba(13, 13, 15, 0.74) 0%, rgba(13, 13, 15, 0.88) 100%);
	z-index: -1;
	pointer-events: none;
}

.aljer-blogpost .bp-breadcrumb {
	display: flex;
	gap: 0.55rem;
	align-items: center;
	font-family: var(--mono);
	font-size: 0.74rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
	margin-bottom: 1.5rem;
	flex-wrap: wrap;
}
.aljer-blogpost .bp-breadcrumb a {
	color: rgba(255, 255, 255, 0.5);
	text-decoration: none;
	transition: color 0.2s ease;
}
.aljer-blogpost .bp-breadcrumb a:hover { color: var(--gold); }
.aljer-blogpost .bp-breadcrumb [aria-current="page"] {
	color: var(--gold);
	max-width: 36ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.aljer-blogpost .bp-hero__inner {
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
}
.aljer-blogpost .bp-hero__date {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-family: var(--mono);
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 1.5rem;
}
.aljer-blogpost .bp-hero__date i { font-size: 0.85rem; }

.aljer-blogpost .bp-hero .display-v2 {
	max-width: 22ch;
	margin-left: auto;
	margin-right: auto;
	font-weight: 700;
	margin-bottom: 1.25rem;
}
.aljer-blogpost .bp-hero .lede-v2 {
	max-width: 60ch;
	margin: 0 auto;
}

/* ── COVER IMAGE  —  floats over hero ───────────────────────────────────── */
.aljer-blogpost .bp-cover-wrap {
	position: relative;
	margin-top: -4rem;
	z-index: 5;
}
.aljer-blogpost .bp-cover {
	margin: 0 auto;
	max-width: 880px;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
	border: 1px solid rgba(255, 255, 255, 0.06);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.6) inset,
		0 8px 24px rgba(0, 0, 0, 0.18),
		0 30px 70px rgba(0, 0, 0, 0.30);
}
.aljer-blogpost .bp-cover img {
	display: block;
	width: 100%;
	max-height: 460px;
	object-fit: cover;
	object-position: center;
}

/* ── ARTICLE BODY (uses shared .article-body) ───────────────────────────── */
.aljer-blogpost .bp-article {
	background: var(--paper);
	padding: 4rem 0 4.5rem;
}
.aljer-blogpost .bp-article--no-cover {
	padding-top: 4.5rem;
}

/* ── INLINE CTA BOX inside article ──────────────────────────────────────── */
.aljer-blogpost .bp-inline-cta {
	max-width: 760px;
	margin: 3rem auto 0;
	padding: 1.75rem 1.75rem;
	background: linear-gradient(180deg, #1a1a1d 0%, #0a0a0c 100%);
	color: #fff;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	flex-wrap: wrap;
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.06) inset,
		0 12px 28px rgba(0, 0, 0, 0.18);
}
.aljer-blogpost .bp-inline-cta strong {
	display: block;
	font-family: var(--display);
	font-size: 1.1rem;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0.3rem;
	letter-spacing: -0.005em;
}
.aljer-blogpost .bp-inline-cta p {
	margin: 0;
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.92rem;
	line-height: 1.5;
}

/* ── PREV/NEXT ──────────────────────────────────────────────────────────── */
.aljer-blogpost .bp-pagenav {
	background: var(--paper);
	padding: 2rem 0;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.aljer-blogpost .bp-pagenav__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1.5rem;
	align-items: center;
}
.aljer-blogpost .bp-pagenav__link {
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	color: var(--ink);
	text-decoration: none;
	transition: transform 0.25s ease, color 0.2s ease;
	max-width: 100%;
}
.aljer-blogpost .bp-pagenav__link:hover { color: var(--ink); }
.aljer-blogpost .bp-pagenav__link--prev:hover { transform: translateX(-4px); }
.aljer-blogpost .bp-pagenav__link--next {
	justify-content: flex-end;
	text-align: right;
	margin-left: auto;
}
.aljer-blogpost .bp-pagenav__link--next:hover { transform: translateX(4px); }
.aljer-blogpost .bp-pagenav__link i {
	font-size: 1rem;
	color: #888;
	transition: color 0.2s ease;
	flex-shrink: 0;
}
.aljer-blogpost .bp-pagenav__link:hover i { color: var(--gold); }
.aljer-blogpost .bp-pagenav__link span { min-width: 0; }
.aljer-blogpost .bp-pagenav__link small {
	display: block;
	font-family: var(--mono);
	font-size: 0.66rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #888;
	margin-bottom: 3px;
}
.aljer-blogpost .bp-pagenav__link strong {
	display: block;
	font-family: var(--display);
	font-size: 1rem;
	font-weight: 700;
	color: var(--ink);
	letter-spacing: -0.005em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
@media (max-width: 575px) {
	.aljer-blogpost .bp-pagenav__row { grid-template-columns: 1fr; }
	.aljer-blogpost .bp-pagenav__link--next { justify-content: flex-start; text-align: left; margin-left: 0; }
	.aljer-blogpost .bp-pagenav__link--next i { order: -1; }
}

/* ── CTA  —  dark glassy ────────────────────────────────────────────────── */
.aljer-blogpost .bp-cta {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 6rem 0;
	overflow: hidden;
	isolation: isolate;
	text-align: center;
}
.aljer-blogpost .bp-cta::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(30px) brightness(0.4) saturate(1.1);
	transform: scale(1.08);
	z-index: -3;
}
.aljer-blogpost .bp-cta::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 90% 60% at 50% 0%, rgba(255, 205, 40, 0.12) 0%, transparent 55%),
		linear-gradient(180deg, rgba(13, 13, 15, 0.82) 0%, rgba(13, 13, 15, 0.90) 100%);
	z-index: -2;
	pointer-events: none;
}
.aljer-blogpost .bp-cta .display-v2 {
	max-width: 22ch;
	margin-left: auto;
	margin-right: auto;
}
.aljer-blogpost .bp-cta .lede-v2 {
	max-width: 56ch;
	margin: 0 auto 2.25rem;
}
.aljer-blogpost .bp-cta__actions {
	display: flex;
	justify-content: center;
	gap: 0.85rem;
	flex-wrap: wrap;
}

/* ══════════════════════════════════════════════════════════════════════════════
   OVER ONS  —  scoped to .aljer-overons
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── HERO ───────────────────────────────────────────────────────────────── */
.aljer-overons .ov-hero {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 7rem 0 5rem;
	overflow: hidden;
	isolation: isolate;
}
.aljer-overons .ov-hero::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(22px) brightness(0.45) saturate(1.05);
	transform: scale(1.06);
	z-index: -2;
}
.aljer-overons .ov-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 80% 50% at 80% 0%, rgba(255, 205, 40, 0.10) 0%, transparent 55%),
		linear-gradient(180deg, rgba(13, 13, 15, 0.72) 0%, rgba(13, 13, 15, 0.84) 100%);
	z-index: -1;
	pointer-events: none;
}

.aljer-overons .ov-breadcrumb {
	display: flex;
	gap: 0.6rem;
	align-items: center;
	font-family: var(--mono);
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
	margin-bottom: 1.5rem;
}
.aljer-overons .ov-breadcrumb a {
	color: rgba(255, 255, 255, 0.55);
	text-decoration: none;
	transition: color 0.2s ease;
}
.aljer-overons .ov-breadcrumb a:hover { color: var(--gold); }
.aljer-overons .ov-breadcrumb [aria-current="page"] { color: #fff; }

.aljer-overons .ov-hero .display-v2 {
	max-width: 22ch;
	font-weight: 600;
	letter-spacing: -0.025em;
	position: relative;
	padding-bottom: 1.25rem;
	margin-bottom: 1.5rem;
}
.aljer-overons .ov-hero .display-v2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 4px;
	background: var(--gold);
	border-radius: 2px;
	box-shadow: 0 2px 12px rgba(255, 205, 40, 0.4);
}
.aljer-overons .ov-hero .lede-v2 { max-width: 60ch; }

/* ── STORY ──────────────────────────────────────────────────────────────── */
.aljer-overons .ov-story {
	background: var(--paper);
	padding: 6rem 0;
}
.aljer-overons .ov-story__grid {
	display: grid;
	grid-template-columns: 1.6fr 1fr;
	gap: 4rem;
	align-items: start;
}
@media (max-width: 991px) {
	.aljer-overons .ov-story__grid { grid-template-columns: 1fr; gap: 3rem; }
}
.aljer-overons .ov-story__body .display-v2 {
	font-weight: 700;
	margin-bottom: 1.5rem;
}
.aljer-overons .ov-story__body .lede-v2 {
	max-width: 60ch;
	margin-bottom: 1.25rem;
}
.aljer-overons .ov-story__body .lede-v2:last-child { margin-bottom: 0; }

.aljer-overons .ov-story__aside {
	display: flex;
	flex-direction: column;
	gap: 1.75rem;
	padding: 2rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
	position: sticky;
	top: 100px;
}
@media (max-width: 991px) {
	.aljer-overons .ov-story__aside {
		position: static;
		flex-direction: row;
		justify-content: space-around;
		gap: 1rem;
	}
}
@media (max-width: 575px) {
	.aljer-overons .ov-story__aside {
		flex-direction: column;
		gap: 1.25rem;
	}
}

.aljer-overons .ov-story__stat {
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.aljer-overons .ov-story__stat:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
@media (max-width: 991px) and (min-width: 576px) {
	.aljer-overons .ov-story__stat {
		padding-bottom: 0;
		border-bottom: none;
		text-align: center;
	}
}
.aljer-overons .ov-story__stat strong {
	font-family: var(--display);
	font-weight: 800;
	font-size: clamp(2rem, 4vw, 2.6rem);
	color: var(--ink);
	letter-spacing: -0.025em;
	line-height: 1;
}
.aljer-overons .ov-story__stat strong sup {
	color: var(--gold);
	font-size: 0.5em;
	font-weight: 700;
	margin-left: 2px;
	top: -0.6em;
}
.aljer-overons .ov-story__stat span {
	font-family: var(--mono);
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #888;
}

/* ── VALUES ─────────────────────────────────────────────────────────────── */
.aljer-overons .ov-values {
	background: linear-gradient(180deg, #faf8f3 0%, #f3efe5 100%);
	padding: 6rem 0;
	position: relative;
	overflow: hidden;
	isolation: isolate;
}
.aljer-overons .ov-values::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle, rgba(0,0,0,0.05) 1px, transparent 1.5px);
	background-size: 22px 22px;
	mask-image: radial-gradient(ellipse 70% 80% at 50% 50%, #000 30%, transparent 100%);
	-webkit-mask-image: radial-gradient(ellipse 70% 80% at 50% 50%, #000 30%, transparent 100%);
	z-index: -1;
	pointer-events: none;
}

.aljer-overons .ov-values__head {
	max-width: 720px;
	margin: 0 auto 3rem;
	text-align: center;
}
.aljer-overons .ov-values__head .display-v2 {
	font-weight: 700;
	margin-bottom: 1rem;
}
.aljer-overons .ov-values__head .lede-v2 {
	margin-left: auto;
	margin-right: auto;
}

.aljer-overons .ov-values__grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.5rem;
	max-width: 980px;
	margin: 0 auto;
}
@media (max-width: 768px) { .aljer-overons .ov-values__grid { grid-template-columns: 1fr; } }

.aljer-overons .ov-value {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 12px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 0.85rem;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 4px 12px rgba(0, 0, 0, 0.04);
}
.aljer-overons .ov-value:hover {
	transform: translateY(-4px);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 14px 30px rgba(0, 0, 0, 0.08);
}
.aljer-overons .ov-value > i {
	font-size: 1.6rem;
	color: var(--gold);
	margin-bottom: 0.35rem;
}
.aljer-overons .ov-value h3 {
	font-family: var(--display);
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--ink);
	margin: 0;
	letter-spacing: -0.015em;
}
.aljer-overons .ov-value p {
	margin: 0;
	color: #555;
	font-size: 0.94rem;
	line-height: 1.6;
}

/* ── PROCESS ────────────────────────────────────────────────────────────── */
.aljer-overons .ov-process {
	background: var(--paper);
	padding: 6rem 0;
}
.aljer-overons .ov-process__head {
	max-width: 720px;
	margin: 0 auto 3.5rem;
	text-align: center;
}
.aljer-overons .ov-process__head .display-v2 {
	font-weight: 700;
	margin-bottom: 1rem;
}
.aljer-overons .ov-process__head .lede-v2 {
	margin-left: auto;
	margin-right: auto;
}

.aljer-overons .ov-process__steps {
	list-style: none;
	padding: 0;
	margin: 0;
	max-width: 760px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	gap: 0;
	position: relative;
}
.aljer-overons .ov-process__steps::before {
	content: '';
	position: absolute;
	left: 19px;
	top: 28px;
	bottom: 28px;
	width: 2px;
	background: linear-gradient(180deg, var(--gold) 0%, rgba(255, 205, 40, 0.2) 100%);
}
.aljer-overons .ov-process__step {
	display: flex;
	gap: 1.5rem;
	padding: 1.5rem 0;
	align-items: flex-start;
	position: relative;
}
.aljer-overons .ov-process__num {
	flex-shrink: 0;
	width: 40px; height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--ink);
	color: var(--gold);
	border-radius: 50%;
	font-family: var(--mono);
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	box-shadow: 0 0 0 4px var(--paper), 0 4px 12px rgba(0, 0, 0, 0.15);
	position: relative;
	z-index: 2;
}
.aljer-overons .ov-process__step h3 {
	font-family: var(--display);
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--ink);
	margin: 0.3rem 0 0.35rem;
	letter-spacing: -0.01em;
}
.aljer-overons .ov-process__step p {
	margin: 0;
	color: #555;
	font-size: 0.95rem;
	line-height: 1.6;
}

/* ── CTA  —  dark glassy ────────────────────────────────────────────────── */
.aljer-overons .ov-cta {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 6rem 0;
	overflow: hidden;
	isolation: isolate;
	text-align: center;
}
.aljer-overons .ov-cta::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(30px) brightness(0.4) saturate(1.1);
	transform: scale(1.08);
	z-index: -3;
}
.aljer-overons .ov-cta::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 90% 60% at 50% 0%, rgba(255, 205, 40, 0.12) 0%, transparent 55%),
		linear-gradient(180deg, rgba(13, 13, 15, 0.82) 0%, rgba(13, 13, 15, 0.90) 100%);
	z-index: -2;
	pointer-events: none;
}
.aljer-overons .ov-cta .display-v2 {
	max-width: 22ch;
	margin-left: auto;
	margin-right: auto;
}
.aljer-overons .ov-cta .lede-v2 {
	max-width: 56ch;
	margin: 0 auto 2.25rem;
}
.aljer-overons .ov-cta__actions {
	display: flex;
	justify-content: center;
	gap: 0.85rem;
	flex-wrap: wrap;
}

/* ══════════════════════════════════════════════════════════════════════════════
   HOMEPAGE — BLOG TEASER (3 newest posts above contact)
   ══════════════════════════════════════════════════════════════════════════════ */
.aljer-v2 .blog-teaser-v2 {
	background: var(--paper);
	padding: 6rem 0;
	border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.aljer-v2 .blog-teaser-v2__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 2rem;
	margin-bottom: 2.5rem;
	flex-wrap: wrap;
}
.aljer-v2 .blog-teaser-v2__head > div { max-width: 720px; }
.aljer-v2 .blog-teaser-v2__head .display-v2 {
	margin-bottom: 0.85rem;
}
.aljer-v2 .blog-teaser-v2__head .lede-v2 {
	margin-bottom: 0;
}
.aljer-v2 .blog-teaser-v2__cta { white-space: nowrap; }

/* Compact blog cards inside the homepage teaser */
.aljer-v2 .blog-teaser-v2 .bl-grid {
	grid-template-columns: repeat(3, 1fr);
	gap: 1.25rem;
}
@media (max-width: 991px) { .aljer-v2 .blog-teaser-v2 .bl-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .aljer-v2 .blog-teaser-v2 .bl-grid { grid-template-columns: 1fr; } }

.aljer-v2 .blog-teaser-v2 .bl-card { border-radius: 10px; }
.aljer-v2 .blog-teaser-v2 .bl-card__media { aspect-ratio: 16 / 7; }
.aljer-v2 .blog-teaser-v2 .bl-card__body { padding: 1.1rem 1.15rem 1rem; }
.aljer-v2 .blog-teaser-v2 .bl-card__date {
	font-size: 0.65rem;
	margin-bottom: 0.55rem;
}
.aljer-v2 .blog-teaser-v2 .bl-card__title {
	font-size: 1rem;
	margin-bottom: 0.4rem;
	line-height: 1.3;
}
.aljer-v2 .blog-teaser-v2 .bl-card__excerpt {
	font-size: 0.84rem;
	line-height: 1.5;
	margin-bottom: 0.85rem;
	-webkit-line-clamp: 2;
}
.aljer-v2 .blog-teaser-v2 .bl-card__cta {
	font-size: 0.66rem;
	padding-top: 0.65rem;
}
.aljer-v2 .blog-teaser-v2 .bl-card__placeholder {
	font-size: 1.6rem;
}

/* Ghost-dark button variant — outline button on light backgrounds */
.aljer-v2 .btn-v2--ghost-dark {
	background: transparent;
	color: var(--ink);
	border-color: rgba(0, 0, 0, 0.15);
}
.aljer-v2 .btn-v2--ghost-dark:hover {
	background: var(--ink);
	color: #fff;
	border-color: var(--ink);
	transform: translateY(-2px);
}

/* ══════════════════════════════════════════════════════════════════════════════
   NAVIGATION REFINEMENT  —  applies site-wide via header.ejs
   ══════════════════════════════════════════════════════════════════════════════ */

/* Desktop nav: refined typography */
#mainNav {
	gap: 0.4rem;
	align-items: center;
}
#mainNav > li > .nav-link {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	font-size: 0.9rem;
	font-weight: 500;
	letter-spacing: 0.005em;
	padding: 0.55rem 1rem;
	border-radius: 6px;
	transition: color 0.2s ease, background 0.2s ease;
}
#mainNav > li > .nav-link:hover {
	color: #ffcd28 !important;
	background: rgba(255, 255, 255, 0.04);
}

/* Active nav state — restyled */
.activeer {
	color: #ffcd28 !important;
	font-weight: 600 !important;
	position: relative;
}
.activeer::after {
	content: '';
	position: absolute;
	left: 1rem;
	right: 1rem;
	bottom: 4px;
	height: 2px;
	background: #ffcd28;
	border-radius: 1px;
	box-shadow: 0 0 8px rgba(255, 205, 40, 0.5);
}

/* Mobile menu refinement */
.mobile-menu ul li a {
	font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
	font-weight: 500;
	letter-spacing: 0.005em;
}

/* ══════════════════════════════════════════════════════════════════════════════
   PRIVACY  —  scoped to .aljer-privacy
   ══════════════════════════════════════════════════════════════════════════════ */

/* ── HERO ───────────────────────────────────────────────────────────────── */
.aljer-privacy .pv-hero {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 6.5rem 0 4.5rem;
	overflow: hidden;
	isolation: isolate;
}
.aljer-privacy .pv-hero::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(22px) brightness(0.45) saturate(1.05);
	transform: scale(1.06);
	z-index: -2;
}
.aljer-privacy .pv-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 80% 50% at 80% 0%, rgba(255, 205, 40, 0.10) 0%, transparent 55%),
		linear-gradient(180deg, rgba(13, 13, 15, 0.72) 0%, rgba(13, 13, 15, 0.84) 100%);
	z-index: -1;
	pointer-events: none;
}

.aljer-privacy .pv-breadcrumb {
	display: flex;
	gap: 0.6rem;
	align-items: center;
	font-family: var(--mono);
	font-size: 0.78rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.55);
	margin-bottom: 1.5rem;
}
.aljer-privacy .pv-breadcrumb a {
	color: rgba(255, 255, 255, 0.55);
	text-decoration: none;
	transition: color 0.2s ease;
}
.aljer-privacy .pv-breadcrumb a:hover { color: var(--gold); }
.aljer-privacy .pv-breadcrumb [aria-current="page"] { color: #fff; }

.aljer-privacy .pv-hero .display-v2 {
	max-width: 22ch;
	font-weight: 600;
	letter-spacing: -0.025em;
	position: relative;
	padding-bottom: 1.25rem;
	margin-bottom: 1.25rem;
}
.aljer-privacy .pv-hero .display-v2::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 64px;
	height: 4px;
	background: var(--gold);
	border-radius: 2px;
	box-shadow: 0 2px 12px rgba(255, 205, 40, 0.4);
}
.aljer-privacy .pv-hero .lede-v2 { max-width: 64ch; margin-bottom: 0.85rem; }
.aljer-privacy .pv-hero__updated {
	font-family: var(--mono);
	font-size: 0.75rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.45);
	margin: 0;
}

/* ── LAYOUT  —  sticky TOC + body ───────────────────────────────────────── */
.aljer-privacy .pv-section {
	background: var(--paper);
	padding: 5rem 0 6rem;
}
.aljer-privacy .pv-layout {
	display: grid;
	grid-template-columns: 280px 1fr;
	gap: 4rem;
	align-items: start;
}
@media (max-width: 991px) {
	.aljer-privacy .pv-layout { grid-template-columns: 1fr; gap: 2.5rem; }
}

/* ── TOC ────────────────────────────────────────────────────────────────── */
.aljer-privacy .pv-toc {
	position: sticky;
	top: 100px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 12px;
	padding: 1.5rem 1.5rem 1.5rem 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03), 0 4px 12px rgba(0, 0, 0, 0.04);
	max-height: calc(100vh - 120px);
	overflow-y: auto;
}
@media (max-width: 991px) {
	.aljer-privacy .pv-toc {
		position: static;
		max-height: none;
		padding: 1.5rem;
	}
}
.aljer-privacy .pv-toc__label {
	display: block;
	font-family: var(--mono);
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #888;
	margin-bottom: 1rem;
	padding-left: 1.5rem;
}
@media (max-width: 991px) {
	.aljer-privacy .pv-toc__label { padding-left: 0; }
}
.aljer-privacy .pv-toc ol {
	list-style: none;
	padding: 0;
	margin: 0;
	counter-reset: toc;
}
.aljer-privacy .pv-toc ol li { counter-increment: toc; }
.aljer-privacy .pv-toc ol li a {
	display: block;
	padding: 0.45rem 1.5rem 0.45rem 2.5rem;
	font-family: var(--display);
	font-size: 0.85rem;
	color: #555;
	text-decoration: none;
	border-left: 2px solid transparent;
	transition: color 0.18s ease, border-color 0.18s ease, background 0.18s ease;
	position: relative;
	line-height: 1.4;
}
.aljer-privacy .pv-toc ol li a::before {
	content: counter(toc, decimal-leading-zero);
	position: absolute;
	left: 1rem;
	font-family: var(--mono);
	font-size: 0.7rem;
	color: #aaa;
	font-weight: 600;
	top: 50%;
	transform: translateY(-50%);
}
.aljer-privacy .pv-toc ol li a:hover {
	color: var(--ink);
	background: rgba(255, 205, 40, 0.06);
	border-left-color: var(--gold);
}
@media (max-width: 991px) {
	.aljer-privacy .pv-toc ol li a { padding-left: 2.4rem; }
	.aljer-privacy .pv-toc ol li a::before { left: 0.4rem; }
}

/* ── BODY  —  inherits .article-body typography ─────────────────────────── */
.aljer-privacy .pv-body {
	max-width: 760px;
	font-size: 1rem;
	line-height: 1.7;
}
.aljer-privacy .pv-body section {
	margin-bottom: 3rem;
	scroll-margin-top: 100px;
}
.aljer-privacy .pv-body section:last-child { margin-bottom: 0; }
.aljer-privacy .pv-body section > h2 {
	font-size: 1.4rem !important;
	font-weight: 700;
	color: var(--ink);
	margin: 0 0 1rem !important;
	padding-bottom: 0.65rem;
	border-bottom: 2px solid var(--gold);
	display: inline-block;
	letter-spacing: -0.01em;
}
.aljer-privacy .pv-body section > h3 {
	font-size: 1.1rem !important;
	margin-top: 1.75rem !important;
	margin-bottom: 0.5rem !important;
}

/* Callout boxes */
.aljer-privacy .pv-callout {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-left: 3px solid var(--gold);
	border-radius: 0 8px 8px 0;
	padding: 1.25rem 1.5rem;
	margin: 1.5rem 0;
}
.aljer-privacy .pv-callout strong {
	display: block;
	font-family: var(--display);
	font-weight: 700;
	color: var(--ink);
	margin-bottom: 0.5rem;
	font-size: 0.95rem;
}
.aljer-privacy .pv-callout address {
	margin: 0;
	font-style: normal;
	color: #444;
	line-height: 1.6;
}
.aljer-privacy .pv-callout p { margin: 0; color: #444; }
.aljer-privacy .pv-callout--positive {
	border-left-color: #4ade80;
	background: linear-gradient(180deg, rgba(74, 222, 128, 0.05) 0%, #fff 100%);
}
.aljer-privacy .pv-callout--cta {
	background: linear-gradient(180deg, #1a1a1d 0%, #0a0a0c 100%);
	color: #fff;
	border: none;
	border-radius: 12px;
	text-align: center;
	padding: 2rem 1.75rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-items: center;
}
.aljer-privacy .pv-callout--cta p {
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.95rem;
	margin: 0;
}
.aljer-privacy .pv-callout--cta small {
	color: rgba(255, 255, 255, 0.55);
	font-size: 0.82rem;
}

/* Rights accordion */
.aljer-privacy .pv-rights {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 1.5rem 0 1.75rem;
	border-top: 1px solid #e5e5e5;
}
.aljer-privacy .pv-right { border-bottom: 1px solid #e5e5e5; }
.aljer-privacy .pv-right summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 0;
	cursor: pointer;
	list-style: none;
	font-family: var(--display);
	font-size: 0.98rem;
	font-weight: 600;
	color: var(--ink);
	transition: color 0.2s ease;
}
.aljer-privacy .pv-right summary::-webkit-details-marker { display: none; }
.aljer-privacy .pv-right summary::marker { display: none; }
.aljer-privacy .pv-right summary:hover { color: #444; }
.aljer-privacy .pv-right summary i {
	flex-shrink: 0;
	width: 24px; height: 24px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.05);
	border-radius: 50%;
	font-size: 0.62rem;
	color: var(--ink);
	transition: transform 0.25s ease, background 0.25s ease;
}
.aljer-privacy .pv-right[open] summary i {
	transform: rotate(45deg);
	background: var(--gold);
}
.aljer-privacy .pv-right__answer { padding: 0 0 1.25rem; max-width: 64ch; }
.aljer-privacy .pv-right__answer p {
	margin: 0;
	color: #444;
	line-height: 1.6;
	font-size: 0.92rem;
}

/* ══════════════════════════════════════════════════════════════════════════════
   404 PAGE  —  scoped to .aljer-404
   ══════════════════════════════════════════════════════════════════════════════ */
.aljer-404 .nf-hero {
	position: relative;
	background: var(--ink);
	color: #fff;
	padding: 6rem 0 7rem;
	min-height: 78vh;
	overflow: hidden;
	isolation: isolate;
	display: flex;
	align-items: center;
}
.aljer-404 .nf-hero::before {
	content: '';
	position: absolute;
	inset: -40px;
	background-image: url('/images/banner.jpg');
	background-size: cover;
	background-position: center;
	filter: blur(28px) brightness(0.4) saturate(1.05);
	transform: scale(1.06);
	z-index: -2;
}
.aljer-404 .nf-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 80% 50% at 50% 0%, rgba(255, 205, 40, 0.12) 0%, transparent 55%),
		linear-gradient(180deg, rgba(13, 13, 15, 0.78) 0%, rgba(13, 13, 15, 0.90) 100%);
	z-index: -1;
	pointer-events: none;
}

.aljer-404 .nf-hero__inner {
	position: relative;
	max-width: 760px;
	margin: 0 auto;
	text-align: center;
}

/* Big watermark "404" behind the content */
.aljer-404 .nf-hero__code {
	display: block;
	font-family: var(--display);
	font-weight: 800;
	font-size: clamp(8rem, 22vw, 16rem);
	line-height: 0.85;
	letter-spacing: -0.05em;
	color: transparent;
	background: linear-gradient(180deg, rgba(255, 205, 40, 0.55) 0%, rgba(255, 205, 40, 0.05) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	margin-bottom: 1rem;
	text-shadow: 0 0 60px rgba(255, 205, 40, 0.18);
}

.aljer-404 .nf-hero .display-v2 {
	font-weight: 600;
	font-size: clamp(1.75rem, 3.5vw, 2.6rem);
	letter-spacing: -0.025em;
	margin-bottom: 1.25rem;
	max-width: none;
}

.aljer-404 .nf-hero .lede-v2 {
	max-width: 56ch;
	margin: 0 auto 2.25rem;
}

.aljer-404 .nf-hero__actions {
	display: flex;
	justify-content: center;
	gap: 0.85rem;
	flex-wrap: wrap;
	margin-bottom: 3.5rem;
}

/* Quick-links grid */
.aljer-404 .nf-links {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0.75rem;
	max-width: 720px;
	margin: 0 auto;
	padding-top: 2.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
@media (max-width: 768px) { .aljer-404 .nf-links { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .aljer-404 .nf-links { grid-template-columns: 1fr; } }

.aljer-404 .nf-links a {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.95rem 1rem;
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 8px;
	text-decoration: none;
	color: #fff;
	text-align: left;
	transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}
.aljer-404 .nf-links a:hover {
	background: rgba(255, 255, 255, 0.08);
	border-color: var(--gold);
	transform: translateY(-2px);
	color: #fff;
}
.aljer-404 .nf-links a > i {
	font-size: 1rem;
	color: var(--gold);
	flex-shrink: 0;
}
.aljer-404 .nf-links a > span { display: block; min-width: 0; }
.aljer-404 .nf-links a strong {
	display: block;
	font-family: var(--display);
	font-size: 0.92rem;
	font-weight: 600;
	color: #fff;
	letter-spacing: -0.005em;
}
.aljer-404 .nf-links a small {
	display: block;
	font-size: 0.72rem;
	color: rgba(255, 255, 255, 0.55);
	margin-top: 1px;
}