header {
  height: 60px;
}
@media (min-width: 1200px) {
  header {
    height: 110px;
  }
}
header .logo {
  height: 20px;
  overflow: visible;
}
@media (min-width: 1200px) {
  header .logo {
    height: 50px;
  }
}
header nav li a {
  transition: all 0.2s linear;
}

.InvertHeader header a {
  color: var(--paper);
}
.InvertHeader header .site-header__burger-line, .InvertHeader header #weglot-language-en {
  color: var(--constwhite) !important;
}
.InvertHeader header .ct-st2, .InvertHeader header .ct-st1, .InvertHeader header .ct-st0, .InvertHeader header .lucide-search {
  stroke: var(--constwhite);
}
.InvertHeader header .type-thinking, .InvertHeader header svg.language-icon path {
  fill: var(--constwhite) !important;
}

.scrolling-up header {
  background-color: var(--paper);
}
.scrolling-up header .site-header__burger-line, .scrolling-up header #weglot-language-en {
  color: var(--black) !important;
}
.scrolling-up header svg.language-icon path {
  fill: var(--black) !important;
}
.scrolling-up header .type-thinking {
  fill: var(--brand-secondary_1) !important;
}
.scrolling-up header .ct-st2, .scrolling-up header .ct-st1, .scrolling-up header .ct-st0, .scrolling-up header .lucide-search {
  stroke: var(--black);
}

.constructivethinking-logo {
  fill: var(--black);
}

.jumplinks.is-sticky {
  background-color: var(--paper);
  transition: all 0.2s linear;
  border-bottom: 1.5px solid var(--grey-tint);
  width: 100%;
  height: 110px;
}
@media (min-width: 1200px) {
  .jumplinks.is-sticky {
    height: 110px;
  }
}
.jumplinks a:hover, .jumplinks a.active {
  text-decoration: underline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1.5px;
}

.scrolling-down header {
  margin-top: -140px;
}
.scrolling-down .site-header__menu-btn {
  top: -140px;
}

.scrolling-up header {
  border-color: var(--grey-tint);
}

.darkmode svg {
  width: 22px;
  fill: currentColor;
}

.site-header__menu-btn .site-header__menu-close-label {
  transition: opacity 0.2s ease;
}
.site-header__menu-btn.is-open .site-header__menu-close-label {
  opacity: 0;
}
.site-header__menu-btn.is-open .site-header__menu-icon {
  opacity: 0;
  pointer-events: none;
}

.site-header__search {
  position: relative;
  width: 2.5rem;
  min-width: 2.5rem;
  height: 2.5rem;
}
.site-header__search .site-header__search-toggle {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  z-index: 2;
  transition: transform 0.28s ease, opacity 0.2s ease;
}
.site-header__search .site-header__search-form {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  width: min(24rem, 100vw - 2rem);
  min-width: 16rem;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-0.4rem);
  transform-origin: top right;
  transition: opacity 0.18s ease, transform 0.26s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.18s ease;
  background: var(--paper);
  border: 1px solid color-mix(in srgb, var(--black) 10%, transparent);
  border-radius: 999px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.08);
  padding: 0.45rem 0.65rem 0.45rem 0.9rem;
}
.site-header__search input[type=search]::placeholder {
  color: currentColor;
  opacity: 0.35;
}
.site-header__search button[type=submit] {
  transition: opacity 0.2s ease, transform 0.24s ease, visibility 0.2s ease;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
}
.site-header__search.is-open .site-header__search-form {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.site-header__search.is-open .site-header__search-toggle {
  transform: scale(0.9);
}
.site-header__search .site-header__search-form:focus-within {
  border-color: color-mix(in srgb, var(--black) 18%, transparent);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
}