/* Exact monogram accents: blue #8bbfd0 and gold #e5d25a. */
:root {
  --ink: #082f48;
  --ink-2: #0d405f;
  --brand-blue: #8bbfd0;
  --cream: #f0f1ec;
  --cream-2: #e1e8e7;
  --white: #f8f8f3;
  --lime: #e5d25a;
  --orange: #c9a442;
  --line: rgba(8, 47, 72, .21);
}

.brand { gap: 12px; }
.site-header.scrolled { background: rgba(8, 47, 72, .96); }
.hero { background: var(--ink); }
.hero-shade {
  background: linear-gradient(90deg, rgba(5, 29, 46, .92) 0%, rgba(5, 29, 46, .78) 36%, rgba(5, 29, 46, .35) 75%, rgba(5, 29, 46, .15) 100%),
              linear-gradient(0deg, rgba(5, 29, 46, .76) 0%, transparent 38%);
}

.eyebrow.dark { color: #285e78; }
.manifesto-icon { color: var(--brand-blue); }
.manifesto-icon span { color: var(--ink); }
.manifesto-copy h2 em, .approach-head h2 em { color: #246484; }
.body-large { color: #465d68; }
.text-link:hover { color: #0a658d; }
.manifesto-bottom { color: #566e7a; }

.expertise { background: #082f48; }
.expertise:before { background: radial-gradient(circle, rgba(139, 191, 208, .16), transparent 66%); }
.expertise-card { background: #0d3a56; }
.expertise-card:hover { background: #124a69; }
.expertise-card .card-art-mt span, .expertise-card .card-art-csem .wave { border-color: rgba(229, 210, 90, .62); }
.expertise-note { color: #b0c5d0; }
.section-heading > p, .card-copy > p:last-child { color: #b9cbd3; }

.process-step.active .step-words strong, .process-step:hover .step-words strong { color: #0b668c; }
.subsurface { background: #0b3652; color: #f4f7f5; box-shadow: 14px 16px 0 #d2dddf; }
.subsurface-visual { background: radial-gradient(circle at 40% 10%, rgba(229, 210, 90, .13), transparent 45%), linear-gradient(180deg, #174c68, #092e48); }
.subsurface[data-active="2"] .subsurface-wave path { stroke: var(--brand-blue); }
.subsurface[data-active="2"] .scan-line { background: var(--brand-blue); }
.profile { background: #082f48; }
.profile-visual { background: radial-gradient(circle at center, rgba(229, 210, 90, .17), transparent 32%), linear-gradient(140deg, #164b68, #082f48 76%); }
.profile-orbit { border-color: rgba(229, 210, 90, .3); }
.profile-body { color: #b8cbd4; }
.site-footer { background: #082f48; color: #b5c9d2; }
.contact h2 em { color: #0b587c; }
#expertise, #approche, #marc, #contact { scroll-margin-top: 80px; }

@media (max-width: 760px) {
  .main-nav { background: #082f48; }
  .hero-shade { background: linear-gradient(90deg, rgba(5, 29, 46, .9), rgba(5, 29, 46, .56) 75%), linear-gradient(0deg, rgba(5, 29, 46, .83), transparent 40%); }
  .subsurface { box-shadow: 9px 9px 0 #d2dddf; }
  #expertise, #approche, #marc, #contact { scroll-margin-top: 60px; }
}