/* An emerald moving canvas, with a high-contrast, readable foreground. */
.hero-portraits { isolation: isolate; color: #f6f6ed; background: #071f18; }
.hero-motion { position: absolute; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; background: #071f18 url('../assets/images/fibu1plus-emerald-poster-20261028.webp') center/cover no-repeat; }
.hero-motion video { display: block; width: 100%; height: 100%; object-fit: cover; }
.hero-motion::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(4,19,15,.6),rgba(4,19,15,.6) 46%,transparent 72%); }
.hero-portraits .hero-copy h1 { color: #f6f6ed; text-shadow: 0 2px 20px rgba(0,0,0,.12); }
.hero-portraits .hero-copy h1 em { color: #b0e6c8; }
.hero-portraits .eyebrow { color: #d8eadf; }
.hero-portraits .eyebrow > span { background: #9ad8b6; }
.hero-portraits .hero-motto { color: #f6f6ed; }
.hero-portraits .hero-lead { color: #e0ece3; }
.hero-portraits .button-accent { background: #b9edcc; color: #092b20; border-color: #b9edcc; }
.hero-portraits .button-accent:hover { background: #ddf8e7; border-color: #ddf8e7; }
.hero-portraits .button-hero-secondary { color: #f6f6ed; border-color: rgba(212,238,221,.5); background: rgba(4,19,15,.24); }
.hero-portraits .button-hero-secondary:hover { border-color: #d4eedd; background: rgba(25,67,45,.65); }
.hero-portraits .hero-points { border-color: rgba(208,236,219,.28); }
.hero-portraits .hero-points li { color: #d8eadf; }
.hero-portraits .hero-points svg { stroke: #a5e4bf; }
.home .site-header:not(.is-scrolled) { background: rgba(5,23,17,.52); border-color: rgba(212,238,221,.15); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.home .site-header:not(.is-scrolled) .brand,
.home .site-header:not(.is-scrolled) .primary-nav > a,
.home .site-header:not(.is-scrolled) .nav-toggle { color: #f6f6ed; }
.home .site-header:not(.is-scrolled) .brand-name span { color: #a5e4bf; }
.home .site-header:not(.is-scrolled) .primary-nav > a:not(.nav-cta)::after { background: #a5e4bf; }
.home .site-header:not(.is-scrolled) .primary-nav .nav-cta { color: #e4f5e9; background: rgba(185,237,204,.08); border-color: rgba(185,237,204,.6); }
.home .site-header:not(.is-scrolled) .primary-nav .nav-cta:hover { color: #092b20; background: #b9edcc; border-color: #b9edcc; }
.home.nav-open .site-header { background: #f4f2eb; }
.home.nav-open .site-header .brand-name span { color: var(--accent-dark); }
.hero-portraits .team-feature { color: var(--ink); background: #fffefa; border-color: rgba(233,246,233,.8); box-shadow: 0 26px 70px -24px rgba(0,0,0,.4); }
.hero-motion-toggle { position: absolute; z-index: 4; right: max(var(--gutter),calc((100% - var(--container))/2)); bottom: .6rem; display: inline-flex; align-items: center; justify-content: center; gap: .55rem; min-height: 44px; padding: .5rem .8rem; border: 0; border-radius: 2px; background: rgba(4,19,15,.78); color: #d4e9dc; font: 600 .65rem var(--sans); cursor: pointer; }
.hero-motion-toggle:hover { background: rgba(4,19,15,.9); color: #fffefa; }
.hero-motion-toggle svg { width: 12px; height: 12px; fill: currentColor; }
.hero-motion-toggle[hidden] { display: none; }
.hero-motion-toggle .motion-play { display: none; }
.hero-motion-toggle[data-paused="true"] .motion-play { display: block; }
.hero-motion-toggle[data-paused="true"] .motion-pause { display: none; }
.hero-motion.is-static video { visibility: hidden; }
@media (max-width: 900px) {
  .hero-portraits { padding-bottom: 4rem; }
  .hero-motion { background-position: 27% center; }
  .hero-motion video { object-position: 27% center; }
  .hero-motion::after { background: linear-gradient(180deg,rgba(4,19,15,.6),rgba(4,19,15,.6) 64%,transparent); }
}
@media (prefers-reduced-motion: reduce) {
  .hero-motion video { visibility: hidden; }
  .hero-motion-toggle { display: none; }
}