:root {
  --font-serif: "Zodiak", "Times New Roman", serif;
  --font-sans: "Open Sans", "Helvetica Neue", Arial, sans-serif;
}

@font-face {
  font-family: "Open Sans";
  src: url("../fonts/Open-Sans-Variable.woff2") format("woff2 supports variations"), url("../fonts/Open-Sans-Variable.woff2") format("woff2");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("../fonts/Open-Sans-VariableItalic.woff2") format("woff2 supports variations"), url("../fonts/Open-Sans-VariableItalic.woff2") format("woff2");
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Zodiak";
  src: url("../fonts/Zodiak-Variable.woff2") format("woff2 supports variations"), url("../fonts/Zodiak-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Zodiak";
  src: url("../fonts/Zodiak-VariableItalic.woff2") format("woff2 supports variations"), url("../fonts/Zodiak-VariableItalic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@view-transition {
  navigation: auto;
}
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  font-size: 100%;
}

body {
  margin: 0;
}

.behrn-hidden {
  display: none !important;
}

.has-bg-video video {
  -o-object-fit: cover;
     object-fit: cover;
}

h1,
h2,
h3 {
  font-weight: 300;
  letter-spacing: 0.02em;
  text-wrap: balance;
}

h1 em,
h2 em,
h3 em {
  font-style: italic;
  font-weight: 500;
}

.site-nav {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.site-nav.is-hidden {
  -webkit-transform: translateY(-80px);
          transform: translateY(-80px);
}
body.admin-bar .site-nav {
  top: var(--wp-admin--admin-bar--height, 32px);
}
.site-nav__menu::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgb(from #644c3f r g b/0.45);
  backdrop-filter: blur(6px);
}
@media (max-width: 860px) {
  .site-nav__menu {
    display: none;
  }
}

.offcanvas-nav {
  position: fixed;
  inset: 0;
  z-index: 12;
  pointer-events: none;
  overflow-y: auto;
}
.offcanvas-nav.is-open {
  pointer-events: auto;
}
.offcanvas-nav__backdrop {
  position: absolute;
  cursor: pointer;
  z-index: -1;
  inset: 0;
  -webkit-transition: opacity 0.75s ease-in-out;
  transition: opacity 0.75s ease-in-out;
  opacity: 0;
}
.offcanvas-nav__panel {
  position: relative;
  inset: 0;
  margin-inline: auto;
  clip-path: inset(0 0 100% 0);
  -webkit-transition: clip-path 0.8s cubic-bezier(0.86, 0, 0.07, 1);
  transition: clip-path 0.8s cubic-bezier(0.86, 0, 0.07, 1);
  will-change: clip-path;
}
body.admin-bar .offcanvas-nav__panel {
  top: var(--wp-admin--admin-bar--height, 32px);
}
.offcanvas-nav__content {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
  -webkit-transition: opacity 0.45s ease, -webkit-transform 0.45s ease;
  transition: opacity 0.45s ease, -webkit-transform 0.45s ease;
  transition: transform 0.45s ease, opacity 0.45s ease;
  transition: transform 0.45s ease, opacity 0.45s ease, -webkit-transform 0.45s ease;
}
.offcanvas-nav.is-open .offcanvas-nav__panel {
  clip-path: inset(0);
}
.offcanvas-nav.is-open .offcanvas-nav__content {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -webkit-transition-delay: 650ms;
          transition-delay: 650ms;
}

html {
  scrollbar-gutter: stable;
}
html.nav-open {
  overflow: hidden;
}

.site-nav .js-nav-toggle:not(.offcanvas-nav__backdrop),
.site-nav button,
.offcanvas-nav .js-nav-toggle:not(.offcanvas-nav__backdrop),
.offcanvas-nav button {
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
}

.site-nav a[aria-current=page] {
  color: var(--behrn-color-accent);
}

.offcanvas-nav a[aria-current=page] {
  text-decoration: underline;
}

body.editing-template--header .site-nav {
  position: static;
}
body.editing-template--header .offcanvas-nav {
  position: relative;
  pointer-events: auto;
}
body.editing-template--header .offcanvas-nav__backdrop {
  pointer-events: none;
  opacity: 1;
}
body.editing-template--header .offcanvas-nav__panel {
  position: relative;
  inset: auto;
  max-height: none;
  clip-path: none;
  -webkit-transition: none;
  transition: none;
  will-change: auto;
}
body.editing-template--header .offcanvas-nav__content {
  -webkit-transform: none;
          transform: none;
  opacity: 1;
  -webkit-transition: none;
  transition: none;
}
body.editing-template--header #brx-footer {
  margin-top: 3rem;
}

.hero {
  position: relative;
  display: grid;
  grid-template: 1fr/1fr;
  height: var(--hero-height, 100vh);
  min-height: 480px;
  overflow: clip;
  view-timeline-name: --hero;
  view-timeline-axis: block;
}

.hero--backdrop::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.5) 100%);
  pointer-events: none;
}

.hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.hero__media img,
.hero__media video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.hero__content {
  grid-area: 1/1;
  place-self: stretch;
  z-index: 2;
  display: grid;
}

[data-parallax] {
  --parallax-speed: 0;
  --parallax-dir: 1;
  --parallax-travel: calc(var(--parallax-speed) / 100 * var(--hero-height, 100vh));
}

[data-parallax~=up] {
  --parallax-dir: -1;
}

@-webkit-keyframes hero-parallax {
  from {
    -webkit-transform: translate3d(0, calc(var(--parallax-travel) * -0.5 * var(--parallax-dir)), 0);
            transform: translate3d(0, calc(var(--parallax-travel) * -0.5 * var(--parallax-dir)), 0);
  }
  to {
    -webkit-transform: translate3d(0, calc(var(--parallax-travel) * 0.5 * var(--parallax-dir)), 0);
            transform: translate3d(0, calc(var(--parallax-travel) * 0.5 * var(--parallax-dir)), 0);
  }
}

@keyframes hero-parallax {
  from {
    -webkit-transform: translate3d(0, calc(var(--parallax-travel) * -0.5 * var(--parallax-dir)), 0);
            transform: translate3d(0, calc(var(--parallax-travel) * -0.5 * var(--parallax-dir)), 0);
  }
  to {
    -webkit-transform: translate3d(0, calc(var(--parallax-travel) * 0.5 * var(--parallax-dir)), 0);
            transform: translate3d(0, calc(var(--parallax-travel) * 0.5 * var(--parallax-dir)), 0);
  }
}
@supports (animation-timeline: view()) {
  .hero__media,
  .hero__content {
    -webkit-animation: hero-parallax linear both;
            animation: hero-parallax linear both;
    animation-timeline: --hero;
    animation-range: cover 0% cover 100%;
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero__media,
  .hero__content {
    -webkit-animation: none;
            animation: none;
  }
  .hero__media {
    inset: 0;
  }
}
[data-parallax2] {
  --p2-speed: 0;
  --p2-start: 50;
  --p2-dir: 1;
  --p2-travel: calc(var(--p2-speed) * 1%);
  --p2-from: calc(var(--p2-start) / 100 * var(--p2-travel) * -1 * var(--p2-dir));
  --p2-to: calc((100 - var(--p2-start)) / 100 * var(--p2-travel) * var(--p2-dir));
}

[data-parallax2~=up] {
  --p2-dir: -1;
}

@-webkit-keyframes behrn-parallax2 {
  from {
    -webkit-transform: translate3d(0, var(--p2-from, 0%), 0);
            transform: translate3d(0, var(--p2-from, 0%), 0);
  }
  to {
    -webkit-transform: translate3d(0, var(--p2-to, 0%), 0);
            transform: translate3d(0, var(--p2-to, 0%), 0);
  }
}

@keyframes behrn-parallax2 {
  from {
    -webkit-transform: translate3d(0, var(--p2-from, 0%), 0);
            transform: translate3d(0, var(--p2-from, 0%), 0);
  }
  to {
    -webkit-transform: translate3d(0, var(--p2-to, 0%), 0);
            transform: translate3d(0, var(--p2-to, 0%), 0);
  }
}
@supports (animation-timeline: view()) {
  [data-parallax2] {
    -webkit-animation: behrn-parallax2 linear both;
            animation: behrn-parallax2 linear both;
    animation-timeline: view();
    animation-range: cover;
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
  }
}
@media (prefers-reduced-motion: reduce) {
  [data-parallax2] {
    -webkit-animation: none;
            animation: none;
  }
}
.knockout {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.knockout img {
  display: block;
  width: 100%;
  height: auto;
  opacity: 0;
}
.knockout::after {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: var(--knockout-filter, contrast(10) grayscale(1) invert(1) blur(100px) sepia(0.2));
  -webkit-mask: var(--knockout-mask) var(--knockout-pos, left center)/contain no-repeat;
  mask: var(--knockout-mask) var(--knockout-pos, left center)/contain no-repeat;
  pointer-events: none;
}
.knockout[data-variant=center] {
  --knockout-pos: center;
}
.knockout[data-variant=hard] {
  --knockout-filter: contrast(10) grayscale(1) invert(1) sepia(0.2);
}
@supports not ((backdrop-filter: invert(1)) or (-webkit-backdrop-filter: invert(1))) {
  .knockout img {
    opacity: 1;
  }
  .knockout::after {
    content: none;
  }
}/*# sourceMappingURL=style.css.map */