:root{
				--vn-bg-deep:#000000;
				--vn-bg-base:#0A0A0A;
				--vn-bg-elevated:#141210;
				--vn-surface:rgba(255,255,255,0.04);
				--vn-border:rgba(212,175,55,0.18);
				--vn-gold:#D4AF37;
				--vn-gold-bright:#F1C64C;
				--vn-gold-dim:#8A6E23;
				--vn-text:#F4F1E8;
				--vn-text-muted:#9A9488;
				--vn-font-heading:'Space Grotesk', sans-serif;
				--vn-font-body:'Inter', sans-serif;
			}

			html, body{
				background:var(--vn-bg-deep) !important;
				color:var(--vn-text) !important;
			}
			body{
				font-family:var(--vn-font-body) !important;
			}
			::selection{ background:var(--vn-gold); color:#000; }

			a{ color:var(--vn-gold); text-decoration:none; }
			a:hover{ color:var(--vn-gold-bright); }

			/* ---- Top navbar ---- */
			.top-navbar{
				background:rgba(0,0,0,0.75) !important;
				backdrop-filter:blur(14px);
				-webkit-backdrop-filter:blur(14px);
				border-bottom:1px solid var(--vn-border) !important;
			}
			.navbar-links a{
				color:var(--vn-text) !important;
				font-family:var(--vn-font-body);
				font-weight:500;
				letter-spacing:.01em;
				transition:color .2s ease;
			}
			.navbar-links a:hover{ color:var(--vn-gold) !important; }
			.navbar-links .nav-cta{
				color:#000 !important;
				background:linear-gradient(135deg, var(--vn-gold-bright), var(--vn-gold-dim));
				padding:.5em 1.1em;
				border-radius:999px;
				font-weight:600;
			}
			.navbar-links .nav-cta:hover{ filter:brightness(1.08); }
			.navbar-toggle span{ background:var(--vn-gold) !important; }
			.mobile-menu{
				background:rgba(0,0,0,0.96) !important;
				border-top:1px solid var(--vn-border);
			}
			.mobile-menu a{ color:var(--vn-text) !important; }
			.mobile-menu .nav-cta{ color:var(--vn-gold) !important; }

			/* ---- Project intro / titles ---- */
			.project__title{
				font-family:var(--vn-font-heading) !important;
			}
			.project__title-line{
				color:var(--vn-text) !important;
			}
			.project__label{
				font-family:var(--vn-font-body);
				text-transform:uppercase;
				letter-spacing:.14em;
				font-size:.75em;
				color:var(--vn-gold) !important;
			}
			.project__mission p,
.project--details p{
  display:block;
  position:relative;
  width:100%;
  clear:both;
  font-family:var(--vn-font-body);
  color:var(--vn-text) !important;
}

.project--details .vn-disclaimer{
  display:block;
  position:relative;
  width:100%;
  clear:both;
  box-sizing:border-box;
  margin-top:2em !important;
  padding:1em 1.2em;
  border-left:3px solid var(--vn-gold);
  background:rgba(212,175,55,0.06);
  color:var(--vn-text-muted) !important;
  font-size:.9em;
  line-height:1.65;
}
			.project--details p strong{ color:var(--vn-gold); }
			.project--details a{ border-bottom:1px solid var(--vn-gold-dim); }

			/* ---- Galleries ---- */
			.gallery-wrap{ background:var(--vn-bg-deep) !important; }
			.gallery__item{ background-color:var(--vn-bg-elevated) !important; }
			.gallery__item-inner{ background-color:var(--vn-bg-elevated) !important; }
			.caption, .caption p{
				font-family:var(--vn-font-body) !important;
				color:#FFFFFF !important;
			}
			.gallery--stack-dark{ background:var(--vn-bg-deep) !important; }

			main{ background:var(--vn-bg-deep) !important; }

			/* ---- Imported sections from vnesys.com ---- */
			.vn-section{
				max-width:1100px;
				margin:0 auto;
				padding:6em 1.5em;
			}
			.vn-section h3{
				font-family:var(--vn-font-heading);
				font-size:clamp(1.6em, 3vw, 2.4em);
				font-weight:600;
				color:var(--vn-text);
				margin:0 0 .3em;
			}
			.vn-section .vn-eyebrow{
				display:block;
				font-family:var(--vn-font-body);
				text-transform:uppercase;
				letter-spacing:.14em;
				font-size:.75em;
				color:var(--vn-gold);
				margin-bottom:.6em;
			}
			.vn-section p{
				font-family:var(--vn-font-body);
				color:var(--vn-text-muted);
				line-height:1.7;
				max-width:65ch;
			}

			/* Pillars grid */
			.vn-pillars{
				display:grid;
				grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
				gap:1.5em;
				margin-top:2em;
			}
			.vn-pillar{
				background:var(--vn-surface);
				border:1px solid var(--vn-border);
				border-radius:14px;
				padding:1.8em 1.6em;
				transition:border-color .25s ease, transform .25s ease;
			}
			.vn-pillar:hover{ border-color:var(--vn-gold); transform:translateY(-3px); }
			.vn-pillar h4{
				font-family:var(--vn-font-heading);
				color:var(--vn-gold-bright);
				font-size:1.1em;
				margin:0 0 .5em;
			}
			.vn-pillar p{ color:var(--vn-text-muted); font-size:.95em; margin:0; }

			
			.vn-steps{
				display:grid;
				grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
				gap:2em;
				margin-top:2.5em;
				counter-reset:step;
			}
			.vn-step{ position:relative; padding-left:3em; }
			.vn-step .vn-step-num{
				position:absolute; left:0; top:0;
				font-family:var(--vn-font-heading);
				font-size:1.6em;
				font-weight:700;
				color:var(--vn-gold);
				line-height:1;
			}
			.vn-step h4{
				font-family:var(--vn-font-heading);
				color:var(--vn-text);
				font-size:1.05em;
				margin:0 0 .4em;
			}
			.vn-step p{ color:var(--vn-text-muted); font-size:.92em; margin:0; }

			/* Comparison table */
			.vn-table-wrap{ overflow-x:auto; margin-top:2em; }
			table.vn-table{
				width:100%;
				border-collapse:collapse;
				font-family:var(--vn-font-body);
				font-size:.92em;
				min-width:640px;
			}
			table.vn-table th, table.vn-table td{
				text-align:left;
				padding:1em 1.2em;
				border-bottom:1px solid var(--vn-border);
			}
			table.vn-table th{
				font-family:var(--vn-font-heading);
				color:var(--vn-gold);
				font-weight:600;
				font-size:.85em;
				text-transform:uppercase;
				letter-spacing:.05em;
			}
			table.vn-table td{ color:var(--vn-text-muted); }
			table.vn-table td:last-child{ color:var(--vn-text); }
			table.vn-table th:first-child, table.vn-table td:first-child{ color:var(--vn-text); font-weight:500; }

			/* Testimonial quote */
			.vn-quote{
				max-width:800px;
				margin:0 auto;
				padding:5em 1.5em;
				text-align:center;
			}
			.vn-quote blockquote{
				font-family:var(--vn-font-heading);
				font-size:clamp(1.3em, 2.6vw, 1.9em);
				font-weight:500;
				color:var(--vn-text);
				line-height:1.5;
				margin:0;
			}
			.vn-quote blockquote::before{ content:"“"; color:var(--vn-gold); }
			.vn-quote blockquote::after{ content:"”"; color:var(--vn-gold); }

			/* Final CTA */
			.vn-cta-final{
				text-align:center;
				padding:7em 1.5em;
				background:radial-gradient(ellipse at center, rgba(212,175,55,0.08), transparent 70%);
			}
			.vn-cta-final h3{
				font-family:var(--vn-font-heading);
				font-size:clamp(1.8em, 4vw, 3em);
				color:var(--vn-text);
				margin:0 0 .4em;
			}
			.vn-cta-final p{
				color:var(--vn-text-muted);
				max-width:50ch;
				margin:0 auto 2em;
			}
			.vn-btn-gold{
				display:inline-block;
				font-family:var(--vn-font-body);
				font-weight:600;
				color:#000 !important;
				background:linear-gradient(135deg, var(--vn-gold-bright), var(--vn-gold-dim));
				padding:.9em 2em;
				border-radius:999px;
				text-decoration:none;
				transition:filter .2s ease;
			}
			.vn-btn-gold:hover{ filter:brightness(1.08); }

			/* Footer */
			.vn-footer{
				border-top:1px solid var(--vn-border);
				padding:2.5em 1.5em;
				text-align:center;
				font-family:var(--vn-font-body);
				font-size:.85em;
				color:var(--vn-text-muted);
			}
			.vn-footer a{ color:var(--vn-text-muted); text-decoration:underline; }
			.vn-footer a:hover{ color:var(--vn-gold); }
			.vn-footer .vn-footer-links{ margin-top:.6em; }
			.vn-footer .vn-footer-links a{ margin:0 .6em; }

			/* Statement text between horizontal card galleries — richer visual treatment */
			.vn-statement{
				position:relative;
				max-width:820px;
				margin:0 auto;
				padding:6em 1.5em;
				text-align:center;
				overflow:hidden;
			}
			.vn-statement::before{
				content:"";
				position:absolute;
				top:50%; left:50%;
				width:600px; height:400px;
				transform:translate(-50%,-50%);
				background:radial-gradient(ellipse at center, rgba(212,175,55,0.12), transparent 70%);
				pointer-events:none;
				z-index:0;
			}
			.vn-statement-rule{
				position:relative;
				display:block;
				width:48px;
				height:2px;
				margin:0 auto 1.6em;
				background:linear-gradient(90deg, transparent, var(--vn-gold), transparent);
				opacity:.85;
			}
			.vn-statement .vn-statement-lead{
				position:relative;
				display:block;
				font-family:var(--vn-font-heading);
				font-weight:700;
				font-size:clamp(2em, 5vw, 3.4em);
				line-height:1.08;
				letter-spacing:-0.02em;
				margin-bottom:.5em;
				background:linear-gradient(135deg, #FFF5D6 0%, var(--vn-gold-bright) 45%, var(--vn-gold-dim) 100%);
				-webkit-background-clip:text;
				background-clip:text;
				color:transparent;
				filter:drop-shadow(0 0 22px rgba(212,175,55,0.25));
			}
			.vn-statement p{
				position:relative;
				font-family:var(--vn-font-body);
				font-size:1.05em;
				line-height:1.75;
				color:#FFFFFF;
				margin:0 auto;
				max-width:52ch;
			}

			/* Scroll-reveal state (animated via GSAP ScrollTrigger, JS below) */
			.vn-reveal{ opacity:0; transform:translateY(16px); }
			.vn-reveal.vn-reveal--ready{ opacity:1; transform:none; }

			/* Global cursor effect — soft blurred color orbs blending into a compact glow, trailing the pointer */
			.vn-aurora{
				position:fixed;
				top:0; left:0;
				width:220px; height:220px;
				z-index:9999;
				pointer-events:none;
				opacity:0;
				transition:opacity .8s ease;
				mix-blend-mode:screen;
			}
			.vn-aurora.vn-aurora--active{ opacity:.8; }
			.vn-orb{
				position:absolute;
				border-radius:50%;
				filter:blur(42px);
				will-change:transform;
			}
			.vn-orb-1{
				width:130px; height:130px; left:14px; top:8px;
				background:radial-gradient(circle, rgba(79,142,247,0.95) 0%, rgba(79,142,247,0.25) 55%, transparent 75%);
				animation:vn-drift-1 7.5s ease-in-out infinite;
			}
			.vn-orb-2{
				width:110px; height:110px; left:92px; top:74px;
				background:radial-gradient(circle, rgba(184,79,247,0.9) 0%, rgba(184,79,247,0.22) 55%, transparent 75%);
				animation:vn-drift-2 9s ease-in-out infinite;
			}
			.vn-orb-3{
				width:118px; height:118px; left:38px; top:96px;
				background:radial-gradient(circle, rgba(62,207,110,0.85) 0%, rgba(62,207,110,0.2) 55%, transparent 75%);
				animation:vn-drift-3 8.2s ease-in-out infinite;
			}
			.vn-orb-4{
				width:96px; height:96px; left:112px; top:18px;
				background:radial-gradient(circle, rgba(247,122,79,0.9) 0%, rgba(247,122,79,0.22) 55%, transparent 75%);
				animation:vn-drift-4 6.8s ease-in-out infinite;
			}
			@keyframes vn-drift-1{ 0%,100%{ transform:translate(0,0) scale(1); } 50%{ transform:translate(9px,-7px) scale(1.06); } }
			@keyframes vn-drift-2{ 0%,100%{ transform:translate(0,0) scale(1); } 50%{ transform:translate(-11px,6px) scale(0.95); } }
			@keyframes vn-drift-3{ 0%,100%{ transform:translate(0,0) scale(1); } 50%{ transform:translate(7px,9px) scale(1.05); } }
			@keyframes vn-drift-4{ 0%,100%{ transform:translate(0,0) scale(1); } 50%{ transform:translate(-6px,-9px) scale(0.94); } }
			@media (prefers-reduced-motion: reduce){
				.vn-orb{ animation:none; }
			}

			/* Ensure real content sits above the aurora layer */
			main{ position:relative; z-index:1; }

			/* ---- Hero ---- */
			.vn-hero{
				display:flex;
				flex-direction:column;
				align-items:center;
				text-align:center;
				gap:1.4em;
				max-width:1000px;
				margin:0 auto;
				padding:0.1em 1.5em 3em;
			}
			.vn-hero-logo{
				height:260px;
				width:auto;
			}
			.vn-hero h1{
				font-family:var(--vn-font-heading);
				font-weight:800;
				text-transform:uppercase;
				font-size:clamp(2em, 5.5vw, 3.6em);
				line-height:1.05;
				letter-spacing:-0.01em;
				color:var(--vn-text);
				margin:0;
			}
			.vn-hero h1 .vn-accent-red{ color:var(--vn-gold-bright); }
			.vn-hero-badge-link{ display:inline-block; }
			.vn-hero-badge{
				height:64px;
				width:auto;
			}
			/* ---- NEW: Hero subtitle and CTA row ---- */
.vn-hero-sub{
  font-family:var(--vn-font-body);
  font-size:clamp(1em, 2.2vw, 1.15em);
  line-height:1.6;
  color:var(--vn-text-muted);
  max-width:65ch;
  margin: -0.2em auto 0.6em;
}
.vn-hero-cta{
  display:flex;
  gap:1em;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:0.8em;
}
.vn-btn-outline{
  display:inline-block;
  font-family:var(--vn-font-body);
  font-weight:600;
  color:var(--vn-gold) !important;
  background:transparent;
  border:1px solid var(--vn-gold);
  padding:0.8em 1.8em;
  border-radius:999px;
  text-decoration:none;
  transition:background .2s ease, color .2s ease;
}
.vn-btn-outline:hover{
  background:rgba(212,175,55,0.08);
  color:var(--vn-gold-bright) !important;
}

/* ---- NEW: Disclaimer box ---- */
.vn-disclaimer{
  font-size:0.9em;
  color:var(--vn-text-muted);
  border-left:2px solid var(--vn-gold-dim);
  padding-left:1em;
  margin-top:1.2em;
  max-width:70ch;
}

/* ---- NEW: Small note text ---- */
.vn-note{
  font-size:0.88em;
  color:var(--vn-text-muted);
  margin-top:1em;
  max-width:70ch;
}