.uj-skip-link {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  z-index: 100000;
  padding: 0.75rem 1.25rem;
  background: var(--wp--preset--color--contrast);
  color: var(--wp--preset--color--base);
  transform: translateY(-100%);
}
.uj-skip-link:focus {
  transform: none;
}

:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
  outline: var(--wp--custom--focus--width) solid var(--wp--preset--color--accent);
  outline-offset: var(--wp--custom--focus--offset);
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
html.uj-motion [data-uj-reveal]:not(.is-revealed),
html.uj-motion [data-uj-reveal-children] > :not(.is-revealed) {
  opacity: 0;
}

:root {
  --uj-fs-small: 1.1875rem;
  --uj-lh-small: 1.75rem;
  --uj-fs-medium: 1.3125rem;
  --uj-lh-medium: 1.875rem;
  --uj-fs-large: 1.4375rem;
  --uj-lh-large: 2rem;
}
@media (min-width: 40em) {
  :root {
    --uj-fs-small: 1.3125rem;
    --uj-lh-small: 1.875rem;
    --uj-fs-medium: 1.4375rem;
    --uj-lh-medium: 2rem;
    --uj-fs-large: 1.5625rem;
    --uj-lh-large: 2.125rem;
  }
}

.has-small-font-size {
  line-height: var(--uj-lh-small);
}

.has-medium-font-size {
  line-height: var(--uj-lh-medium);
}

.has-large-font-size {
  line-height: var(--uj-lh-large);
}

:root {
  --uj-gutter: 1.5rem;
}
@media (min-width: 40em) {
  :root {
    --uj-gutter: 2.8125rem;
  }
}

:root {
  --uj-stack-gap: 1.875rem;
  --uj-stack-top: var(--wp-admin--admin-bar--height, 0px);
}
@media (min-width: 96em) {
  :root {
    --uj-stack-height: clamp(34rem, 100svh - var(--uj-stack-top) - var(--uj-stack-gap), 43.75rem);
  }
}

.uj-header--overlay {
  position: absolute;
  inset-inline: 0;
  inset-block-start: var(--wp-admin--admin-bar--height, 0);
  z-index: 10;
  color: var(--wp--preset--color--on-dark);
}
.uj-header--overlay a {
  color: inherit;
}

.uj-header--overlay + * {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

.uj-header {
  position: relative;
  padding-inline: var(--wp--preset--spacing--50);
}
.uj-header__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto 1fr;
  grid-template-columns: 1fr auto 1fr;
  align-items: start;
  padding-block: var(--wp--preset--spacing--50) 0;
}
.uj-header__brand {
  -ms-grid-column: 2;
  grid-column: 2;
  margin: 0;
}
.uj-header__brand a {
  display: block;
  inline-size: 12rem;
  aspect-ratio: 192/57;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background-color: currentcolor;
  -webkit-mask: url("../img/logo.svg") center/100% 100% no-repeat;
          mask: url("../img/logo.svg") center/100% 100% no-repeat;
}
.uj-header__nav {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-column-align: end;
      justify-self: end;
}