/* Smoother sticky header pin (desktop + mobile) — loaded after site.min.css */
.prob-header-spacer {
  height: 0;
  pointer-events: none;
  transition: height 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

.prob-header.is-scrolled {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  box-shadow: 0 8px 28px rgba(15, 18, 32, 0.14);
  animation: prob-header-pin-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both;
}

@keyframes prob-header-pin-in {
  from {
    transform: translate3d(0, -0.85rem, 0);
    opacity: 0.72;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.prob-header-inner,
.prob-header-start,
.prob-logo--mark-only img,
.prob-nav a,
.prob-header-tools,
.prob-theme-toggle,
.prob-menu-toggle {
  transition:
    min-height 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    padding 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    height 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    font-size 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    margin 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.55s cubic-bezier(0.22, 1, 0.36, 1);
}

@media (prefers-reduced-motion: reduce) {
  .prob-header.is-scrolled {
    animation: none;
  }

  .prob-header-spacer,
  .prob-header-inner,
  .prob-header-start,
  .prob-logo--mark-only img,
  .prob-nav a,
  .prob-header-tools,
  .prob-theme-toggle,
  .prob-menu-toggle {
    transition: none;
  }
}

@media (min-width: 1100px) {
  .prob-header.is-scrolled .prob-header-inner {
    min-height: 5.75rem;
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
  }

  .prob-header.is-scrolled .prob-header-start {
    transform: translateY(1.15rem) !important;
  }

  .prob-header.is-scrolled .prob-logo--mark-only img {
    height: 84px;
  }

  body.prob-site .prob-header.is-scrolled .prob-header-start {
    transform: translateY(1.25rem) !important;
  }

  body.prob-site .prob-header.is-scrolled .prob-logo--mark-only img {
    height: 96px;
  }
}

@media (max-width: 1099px) {
  .prob-header.is-scrolled .prob-header-inner {
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
  }

  /* Phone / tablet: same logo size, lower when pinned */
  .prob-header.is-scrolled .prob-header-start,
  body.prob-site .prob-header.is-scrolled .prob-header-start {
    transform: translateY(1.65rem) !important;
  }

  .prob-header.is-scrolled .prob-logo--mark-only img,
  body.prob-site .prob-header.is-scrolled .prob-logo--mark-only img {
    height: clamp(6.25rem, 34vw, 9.5rem);
  }

  .prob-header.is-scrolled .prob-header-tools {
    margin-top: -0.35rem !important;
  }
}

@media (max-width: 480px) {
  .prob-header.is-scrolled .prob-header-start,
  body.prob-site .prob-header.is-scrolled .prob-header-start {
    transform: translateY(1.85rem) !important;
  }

  .prob-header.is-scrolled .prob-logo--mark-only img,
  body.prob-site .prob-header.is-scrolled .prob-logo--mark-only img {
    height: clamp(5.75rem, 30vw, 8.25rem);
  }
}