/* ===== Fixed (always visible) navigation bar ===== */
/* The <header> now lives outside #smooth-page-wrapper, because ScrollSmoother transforms that wrapper
   and a transformed parent breaks position:fixed. z-index 100 keeps it above the flying logo. */
.cp-header-area{position:fixed !important;top:0;left:0;right:0;width:100%;z-index:100;
  transition:background-color .35s ease,box-shadow .35s ease}
.cp-header-area.is-stuck{background-color:rgba(13,34,22,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  box-shadow:0 6px 24px rgba(0,0,0,.28)}
.header-spacer{display:block;height:95px}                       /* replaces the header's old space in the page flow */

/* pages whose header sits on a solid page colour */
body.dark-mode .cp-header-area{background-color:#131514}
body.dark-mode .cp-header-area.is-stuck{background-color:rgba(19,21,20,.94)}
body.violet-home .cp-header-area{background-color:#fff}
body.violet-home .cp-header-area.is-stuck{background-color:rgba(255,255,255,.95);box-shadow:0 6px 24px rgba(40,25,80,.14)}