body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  margin: 0;
}
code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, Courier New, monospace;
}
@media (min-width: 768px) {
  .button-container {
    max-width: 600px;
  }
}
@media (max-width: 768px) {
  button {
    font-size: 0.8rem !important;
  }
}
.navigation-menu {
  position: absolute;
  top: 50%;
}
/* ! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */
#back {
  cursor: pointer;
}
#back:focus {
  outline: none;
}
#back:focus:not(:hover) {
  background-color: initial;
  color: inherit;
}
:root {
  --viewport-height: 100vh;
  --viewport-height-init: 100vh;
  --color--background-main-rgb: 231, 229, 225;
  --color--background-main: rgb(var(--color--background-main-rgb));
  --color--font-primary-rgb: 22, 22, 22;
  --color--font-primary: rgb(var(--color--font-primary-rgb));
  --color--white: #fff;
  --color--black: #000;
  --color--placeholder: #0000001a;
  --padding: 1.5rem;
  --padding-button: 0.5em;
  --padding-button-large: calc(var(--padding) * 3);
  --padding-container: 8rem;
  --button-height: calc(1rem + var(--padding-button) * 2);
  --border-width: 1px;
  --menu-button-height: calc(
    var(--button-height) * 3 + var(--border-width) * 2
  );
  --menu-button-width: 4.5rem;
  --menu-info-width: 35rem;
  --grid-gutter: calc(var(--padding) * 2);
  --grid-padding: var(--grid-gutter);
  --caption-padding: 1em;
  --space-above: calc(var(--padding) * 2 + var(--menu-height));
  --space-below: var(--space-above);
}
@media only screen and (max-width: 1024px) {
  :root {
    --padding: 1rem;
    --padding-container: 1rem;
    --menu-info-width: 22.5rem;
  }
  html {
    font-size: 2.9vmin;
  }
  .button.large {
    min-width: 9em;
  }
  .desktop {
    display: none !important;
  }
}
@media only screen and (min-width: 1025px) {
  .mobile {
    display: none !important;
  }
}
@media only screen and (orientation: landscape) {
  .portrait {
    display: none !important;
  }
}
@media only screen and (orientation: portrait) {
  .landscape {
    display: none !important;
  }
}
a.logo {
  margin-right: 2.5px;
}
a#back,
a.logo {
  line-height: 1.25;
}
a#back {
  margin-left: 2.5px;
}
@media only screen and (max-width: 1024px) {
  div.navigation-menu a {
    font-size: 0.8rem;
  }
}
media only screen and(max-width: 1024px) {
  nav#main a {
    font-size: 0.9rem;
  }
}
.navigation-link:hover {
  text-decoration: none;
}
.button:hover,
.navigation-link:hover {
  background-color: #dcdcdc;
  color: #000;
  transition: all 0.3s ease;
}
.button:hover {
  border: 1px solid #dcdcdc;
}
button#footer {
  width: 94% !important;
}
button.header {
  width: 46%;
}
a,
button {
  background-color: #0006;
  border: 1px solid #dcdcdc;
  color: #fff;
  cursor: pointer;
  font-family: Arial, sans-serif;
  font-size: 0.955rem !important;
  font-weight: 500 !important;
  font-weight: 500;
  letter-spacing: 1.2px;
  margin: -0.5px;
  padding: 6.25px 20px;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
html.loaded navigation-menu {
  transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1),
    top 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.navigation-menu {
  grid-gap: var(--button-spacing);
  display: grid;
  left: 50%;
  position: fixed;
  top: 1.5rem;
  top: var(--padding);
  transform: translate3d(-50%, 0, 0);
  z-index: 500;
}
.navigation-menu[data-centered] {
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.navigation-menu .navigation-menu__header {
  grid-gap: var(--button-spacing);
  align-items: stretch;
  display: flex;
  justify-content: center;
  pointer-events: none;
}
.navigation-menu .navigation-menu__header > * {
  pointer-events: auto;
}
.navigation-menu #menu-card,
.navigation-menu #menu-info,
navigation-menu nav#menu {
  box-shadow: 0 0 0 1px var(--button-border-color);
  box-shadow: 0 0 0 var(--border-width) var(--button-border-color);
  display: none;
  overflow: hidden;
}
.navigation-menu #menu-card .inner,
.navigation-menu #menu-info .inner,
.navigation-menu nav#menu .inner {
  align-items: flex-start;
  -webkit-backdrop-filter: blur(0.1rem) grayscale(0.2);
  -webkit-backdrop-filter: blur(var(--blur-amount, 0.1rem)) grayscale(0.2);
  backdrop-filter: blur(0.1rem) grayscale(0.2);
  backdrop-filter: blur(var(--blur-amount, 0.1rem)) grayscale(0.2);
  display: grid;
  width: 35rem;
  width: var(--menu-info-width);
}
.navigation-menu #menu-card .inner .button,
.navigation-menu #menu-info .inner .button,
.navigation-menu nav#menu .inner .button {
  --blur-amount: 0;
}
.navigation-menu nav#menu {
  white-space: nowrap;
}
.navigation-menu nav#menu.collapsed .inner {
  overflow: hidden;
  width: 0;
}
.navigation-menu nav#menu.collapsed .inner,
.navigation-menu nav#menu.expanded .inner {
  align-items: flex-start;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  transition: width 0.15s ease;
}
.navigation-menu nav#menu.expanded .inner {
  margin: 0 2.5px;
  width: 35rem;
  width: var(--menu-info-width);
}
navigation-menu nav#menu .navigation-link.active {
  background: var(--color--font);
  color: var(--color--background);
}
navigation-menu nav#menu .navigation-link[data-size="1/1"] {
  grid-column-start: span 6;
}
.navigation-menu nav#menu .navigation-link[data-size="1/2"] {
  grid-column-start: span 3;
}
.navigation-menu nav#menu .navigation-link[data-size="1/3"] {
  grid-column-start: span 2;
}
navigation-menu #card-info {
  height: 0;
  overflow: hidden;
}
navigation-menu #card-info > .button {
  margin-top: 1px;
  margin-top: var(--border-width);
}
navigation-menu #back,
navigation-menu #menu-toggle,
navigation-menu #site-title,
navigation-menu [data-cart-toggle] {
  height: calc(3rem + 3em + 2px);
  height: var(--menu-button-height);
  width: 4.5rem;
  width: var(--menu-button-width);
}
navigation-menu #menu-toggle:after {
  content: "Menu";
}
navigation-menu #back {
  display: none;
}
navigation-menu[data-mode="menu"] nav#menu {
  display: flex;
}
navigation-menu[data-mode="menu"] #menu-toggle:after {
  content: "Close";
}
navigation-menu[data-mode="card"] #menu-card,
navigation-menu[data-mode="info"] #menu-info {
  display: flex;
}
navigation-menu[data-mode="info"] #menu-info .inner {
  width: calc(100vw - 17rem - var(--button-spacing) * 2);
  width: calc(
    100vw - var(--menu-button-width) * 2 - var(--button-spacing) * 2 -
      var(--padding-container)
  );
}
navigation-menu.card-info--on #card-info-toggle {
  background: var(--color--font);
  color: var(--color--background);
}
@media only screen and (max-width: 1024px) {
  cards-grid .cards-grid--container {
    --grid-gap: var(--padding);
    grid-gap: var(--grid-gap);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  [g-component="Slider"] [g-ref="slider"] section.block {
    width: 100%;
  }
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="image"]
    .block--content,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="image"]
    .player-container,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="image"]
    .plyr,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="image"]
    .plyr__video-wrapper,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="image"]
    .responsive-image,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="image"]
    .responsive-video,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="video"]
    .block--content,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="video"]
    .player-container,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="video"]
    .plyr,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="video"]
    .plyr__video-wrapper,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="video"]
    .responsive-image,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="video"]
    .responsive-video {
    height: 100%;
    width: 100%;
  }
  [g-component="Slider"] [g-ref="slider"] section.block[data-type="image"] img,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="image"]
    video,
  [g-component="Slider"] [g-ref="slider"] section.block[data-type="video"] img,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="video"]
    video {
    font-family: "object-fit: cover";
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  [g-component="Slider"] [g-ref="slider"] section.block[data-type="image"] img,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="image"]
    video,
  [g-component="Slider"] [g-ref="slider"] section.block[data-type="video"] img,
  [g-component="Slider"]
    [g-ref="slider"]
    section.block[data-type="video"]
    video {
    font-family: "object-fit: contain";
    object-fit: contain;
  }
}
@media only screen and (max-width: 1024px) {
  [g-component="Slider"].fullscreen
    [g-ref="slider"]
    section.block[data-type="image"][data-type="video"]
    .plyr__controls,
  [g-component="Slider"].fullscreen
    [g-ref="slider"]
    section.block[data-type="video"][data-type="video"]
    .plyr__controls {
    display: none;
  }
  .section--about__table,
  .section--about__table.vertical {
    flex-direction: column;
  }
  .section--about__table {
    align-items: center;
    display: grid;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 1024px) {
  .section--about__table {
    flex-direction: column;
  }
}
/*# sourceMappingURL=main.6e95ed26.css.map*/
/* push centered nav ~10% viewport lower */
.navigation-menu[data-centered]{
  top: calc(50% + 10vh);
  transform: translate3d(-50%, -50%, 0);
  margin-bottom: -5% !important;
}