/* AssayVC build-style skin. Loaded after page-local CSS as an override layer. */
:root{
  --accent:#35EAC0;
  --accent-deep:#1FB388;
  --accent-glow:rgba(53,234,192,0.25);
  --accent-haze:rgba(53,234,192,0.10);
  --dark:#061311;
  --surface:#0A1C19;
  --surface-2:#1C1C26;
  --text:#F4F0E2;
  --text-dim:rgba(242,236,225,0.66);
  --text-faint:rgba(242,236,225,0.42);
  --border:rgba(242,236,225,0.12);
  --border-strong:rgba(242,236,225,0.24);
  --heading:var(--font-display);
  --body:var(--font-body);
  --mono:var(--font-mono);
  --gold:var(--karat);
  --gold-light:var(--karat-bright);
  --gold-dim:var(--karat-deep);
  --gold-fill:var(--karat-fill);
  --gold-fill-fg:var(--karat-ink);
  --radius-button:4px;
  --radius-card:2px;
}
[data-theme="light"]{
  --accent:#1FB388;
  --accent-deep:#148063;
  --accent-glow:rgba(31,179,136,0.22);
  --accent-haze:rgba(31,179,136,0.08);
  --dark:#F4F0E2;
  --surface:#EAE4D2;
  --surface-2:#D9CEB8;
  --text:#061311;
  --text-dim:rgba(10,10,14,0.66);
  --text-faint:rgba(10,10,14,0.46);
  --border:rgba(10,10,14,0.14);
  --border-strong:rgba(10,10,14,0.28);
  --gold:var(--karat-deep);
  --gold-light:var(--karat);
  --gold-dim:var(--karat-deep);
  --gold-fill:var(--karat-fill);
  --gold-fill-fg:var(--karat-ink);
}
html{color-scheme:dark}
[data-theme="light"]{color-scheme:light}
body{font-family:var(--body);background:var(--dark);color:var(--text);transition:background .35s ease,color .35s ease;line-height:1.55}
body.has-particle-field{background:var(--dark)}
body::before{content:"";position:fixed;inset:0;background:none;filter:none;pointer-events:none;z-index:0}
body>*{position:relative;z-index:1}
::selection{background:var(--accent);color:var(--dark)}

nav{}
nav.scrolled{background:rgba(10,10,14,.84);backdrop-filter:none}
nav .logo{font-family:var(--heading)!important;font-size:1.12rem!important;font-weight:400!important;letter-spacing:-.005em!important;text-transform:none!important;color:#F4F0E2!important;display:inline-flex!important;align-items:baseline!important;gap:.55rem!important}
nav .logo::before{content:none;display:none}
nav .nav-links a,nav .nav-link{font-family:var(--mono);font-size:.64rem!important;letter-spacing:.17em!important;color:rgba(242,236,225,.58)!important}
nav .nav-links a:hover,nav .nav-links a.active,nav .nav-link:hover,nav .nav-link.active{color:var(--accent)!important}
nav .nav-cta{font-family:var(--mono);border-color:var(--gold-fill)!important;background:var(--gold-fill)!important;color:var(--gold-fill-fg)!important}
nav .nav-cta:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-fg)!important}
nav .hamburger span{background:var(--accent)!important}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;color:#F4F0E2;cursor:pointer;padding:0;margin-right:.65rem;transition:transform .25s ease,color .15s ease}
.theme-toggle:hover{transform:none;color:var(--accent)}
.theme-toggle svg{width:18px;height:18px;display:block}
.theme-toggle .icon-moon{display:none}
[data-theme="light"] .theme-toggle .icon-sun{display:none}
[data-theme="light"] .theme-toggle .icon-moon{display:block}

.hero,.page-hero,.portfolio-center{background:var(--dark)!important;overflow:hidden}
body.has-particle-field .hero,
body.has-particle-field .thesis,
body.has-particle-field .pillars{
  background:transparent!important;
}
body.has-particle-field #particleCanvas{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  opacity:1!important;
}
.hero::before,.page-hero::before,.portfolio-center::before{content:"";position:absolute;top:-18%;right:-10%;width:60%;height:70%;background:none;filter:none;pointer-events:none}
.hero-overline,.page-hero .overline,.portfolio-center .overline,.section .overline,.mandate .overline{font-family:var(--mono)!important;color:var(--accent)!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important}
.hero h1,.page-hero h1,.portfolio-center h1{font-family:var(--heading)!important;font-size:clamp(3.4rem,9vw,7.8rem)!important;font-weight:400!important;line-height:.96!important;letter-spacing:-.035em!important;color:var(--text)!important}
.hero h1 span,.page-hero h1 span,.portfolio-center h1 span,.gold-text{color:var(--accent)!important}
.hero .hero-sub{font-family:var(--heading)!important;color:var(--accent)!important}
.hero .tagline,.page-hero .lead,.portfolio-center .lead,.section p,.contact p,.apply-cta-section p{color:var(--text-dim)!important;font-weight:300}
.hero-cta,.portfolio-cta,.contact-cta,.apply-cta{font-family:var(--mono)!important;background:var(--gold-fill)!important;color:var(--gold-fill-fg)!important;border-radius:var(--radius-button)!important;box-shadow:none!important}
.hero-cta:hover,.portfolio-cta:hover,.contact-cta:hover,.apply-cta:hover{background:var(--accent)!important;color:var(--accent-fg)!important;box-shadow:none!important}
.scroll-line{background:none!important}

.section,.seal-section{background:var(--dark)!important}
.section.alt,.contact,.apply-cta-section{background:var(--surface)!important;border-color:var(--border)!important}
.section h2,.contact h2,.apply-cta-section h2{font-family:var(--heading)!important;color:var(--text)!important;letter-spacing:-.015em!important}
.divider,.stealth-line{background:var(--accent)!important}
.highlight-block{border-left-color:var(--accent)!important;background:var(--accent-haze)!important}
.highlight-block p{font-family:var(--heading)!important;color:var(--text)!important}
.layer-card,.col-card,.mandate-card{background:var(--surface)!important;border-color:var(--border)!important;border-radius:var(--radius-card)}
.layer-card:hover,.mandate-card:hover{border-color:var(--accent)!important}
.layer-card .layer-number,.stat .stat-number,.pillar-number{font-family:var(--heading)!important;color:var(--accent)!important}
.layer-card h3,.col-card h3,.mandate-card h3,.stat .stat-label{font-family:var(--mono)!important;color:var(--accent)!important}
.seal{border-color:var(--accent)!important;color:var(--accent)!important;background:var(--accent-haze)!important}
.seal::before{border-color:var(--border-strong)!important}
footer{background:var(--dark)!important;border-top-color:var(--border)!important}
footer .footer-meta{font-family:var(--mono)!important;font-size:.62rem!important;letter-spacing:.16em!important;text-transform:uppercase;color:var(--text-faint)!important}
@media(max-width:768px){
  nav .nav-links{background:rgba(10,10,14,.95)!important;border-color:rgba(53,234,192,.18)!important}
  .hero h1,.page-hero h1,.portfolio-center h1{font-size:clamp(2.8rem,13vw,4.8rem)!important}
}