.page-layout {
  --pl-header_p: 3.75rem;
  --pl-header_pb: var(--pl-header_p);
  --pl-content_pb: var(--pl-header_p);

  display: flex;
  flex-direction: column;
}

  .page-layout .pl--header.alignTop {
      position: sticky;
      background-color: rgba(from var(--_header--bg--sticky, var(--_header--bg)) r g b / 0.9);
      backdrop-filter: blur(0.625rem);
      transform: translateY(0);
      animation: slideDown 0.35s ease-out;
      box-shadow: 0px 0px 20px 0px var(--c-gray-500);
    }

  .page-layout .page-layout-header {
    --h-c: var(--c-white);
    --link_c: var(--c-white);
  }

  .page-layout .page-layout-header > * {
      color: var(--c-white);
      background: var(--node-gradient, var(--c-primary));
      padding-block: var(--pl-header_pb);
    }

  .page-layout > main {
    padding-block: var(--_pl_main_p-b, var(--pl_main_p-b));
  }

  /* custom settings */

  .page-layout .main-content:not(:has(.main-content-w0)) {
    padding-block: var(--pl-content_pb);
  }

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}