@font-face {
  font-family: "Ayer Poster Web";
  src: url("/fonts/AyerPoster-Regular-Web.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: "Playfair Display";
  src: url("/fonts/PlayfairDisplay-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

:root {
  --sana-nav-height: 100px;
  --sana-nav-hover-height: 150px;
  --sana-title-font: var(--heading-font, "Ayer Poster Web", serif);
  --sana-nav-font: "Playfair Display", "Ayer Poster Web", Georgia, serif;
  --header-height: var(--sana-nav-height) !important;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

main,
section {
  max-width: 100vw;
}

h1.svelte-11awy42,
h1.svelte-trc9z2 {
  font-family: var(--sana-title-font, "Ayer Poster Web", serif) !important;
  text-transform: uppercase !important;
}

section.svelte-11awy42 article[data-title]:where(.svelte-11awy42)::after,
section.svelte-trc9z2 article[data-title]:where(.svelte-trc9z2)::after,
section.svelte-11awy42 .global-caption:where(.svelte-11awy42),
section.svelte-trc9z2 .global-caption:where(.svelte-trc9z2) {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

header.svelte-17z3y42 {
  height: var(--sana-nav-height) !important;
  isolation: isolate;
  pointer-events: none;
  transition: height .46s cubic-bezier(.22, 1, .36, 1);
}

header.svelte-17z3y42::before {
  content: none !important;
  display: none !important;
}

.sana-backdrop-blur {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 900;
  display: grid;
  height: var(--sana-nav-blur-height, var(--sana-nav-height));
  pointer-events: none;
  contain: paint;
  will-change: height;
  transition: height .46s cubic-bezier(.22, 1, .36, 1);
}

.sana-backdrop-blur > span {
  grid-area: 1 / 1;
}

.sana-backdrop-blur > :first-child {
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  -webkit-mask: linear-gradient(180deg, transparent, #000 8%);
  mask: linear-gradient(180deg, transparent, #000 8%);
}

.sana-backdrop-blur > :nth-child(2) {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  -webkit-mask: linear-gradient(180deg, transparent 8%, #000 16%);
  mask: linear-gradient(180deg, transparent 8%, #000 16%);
}

.sana-backdrop-blur > :nth-child(3) {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  -webkit-mask: linear-gradient(180deg, transparent 16%, #000 24%);
  mask: linear-gradient(180deg, transparent 16%, #000 24%);
}

.sana-backdrop-blur > :nth-child(4) {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  -webkit-mask: linear-gradient(180deg, transparent 24%, #000 36%);
  mask: linear-gradient(180deg, transparent 24%, #000 36%);
}

.sana-backdrop-blur > :nth-child(5) {
  -webkit-backdrop-filter: blur(24px);
  backdrop-filter: blur(24px);
  -webkit-mask: linear-gradient(180deg, transparent 36%, #000 48%);
  mask: linear-gradient(180deg, transparent 36%, #000 48%);
}

.sana-backdrop-blur > :nth-child(6) {
  -webkit-backdrop-filter: blur(32px);
  backdrop-filter: blur(32px);
  -webkit-mask: linear-gradient(180deg, transparent 48%, #000 60%);
  mask: linear-gradient(180deg, transparent 48%, #000 60%);
}

header.svelte-17z3y42 nav:where(.svelte-17z3y42) {
  height: 100% !important;
  padding: 0 clamp(24px, 4vw, 72px) !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(20px, 3vw, 56px) !important;
  pointer-events: auto;
}

header.svelte-17z3y42 nav:where(.svelte-17z3y42) .primary:where(.svelte-17z3y42),
header.svelte-17z3y42 nav:where(.svelte-17z3y42) .secondary:where(.svelte-17z3y42) {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: clamp(16px, 2vw, 36px) !important;
}

header.svelte-17z3y42 a.svelte-1dugd1o,
header.svelte-17z3y42 button.svelte-1dugd1o {
  font-family: var(--sana-nav-font) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  color: #111 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
  text-transform: none !important;
  text-shadow: 0 1px 10px rgba(247, 245, 241, .45);
  white-space: nowrap;
  transform-origin: center bottom;
  will-change: transform;
  transition: opacity .2s ease, color .2s ease, transform .46s cubic-bezier(.22, 1, .36, 1), font-size .46s cubic-bezier(.22, 1, .36, 1) !important;
}

header.svelte-17z3y42 a.svelte-1dugd1o:hover,
header.svelte-17z3y42 a.active.svelte-1dugd1o,
header.svelte-17z3y42 button.svelte-1dugd1o:hover,
header.svelte-17z3y42 button.active.svelte-1dugd1o {
  color: #111 !important;
  background: transparent !important;
  opacity: .55;
}

@media (hover: hover) and (min-width: 901px) {
  body.sana-nav-hover {
    --sana-nav-blur-height: var(--sana-nav-hover-height);
  }

  body.sana-nav-hover header.svelte-17z3y42 {
    height: var(--sana-nav-hover-height) !important;
  }

  body.sana-nav-hover header.svelte-17z3y42 nav:where(.svelte-17z3y42) {
    padding-bottom: 12px !important;
  }

  body.sana-nav-hover header.svelte-17z3y42 a.svelte-1dugd1o,
  body.sana-nav-hover header.svelte-17z3y42 button.svelte-1dugd1o {
    font-size: 17.5px !important;
    font-weight: 500 !important;
    opacity: 1 !important;
    transform: translateY(-3px) scale(1.025);
  }

  body.sana-nav-hover header.svelte-17z3y42 a.svelte-1dugd1o:hover,
  body.sana-nav-hover header.svelte-17z3y42 a.active.svelte-1dugd1o,
  body.sana-nav-hover header.svelte-17z3y42 button.svelte-1dugd1o:hover,
  body.sana-nav-hover header.svelte-17z3y42 button.active.svelte-1dugd1o {
    opacity: .74;
  }
}

@media (prefers-reduced-motion: reduce) {
  header.svelte-17z3y42,
  .sana-backdrop-blur,
  header.svelte-17z3y42 a.svelte-1dugd1o,
  header.svelte-17z3y42 button.svelte-1dugd1o {
    transition-duration: .01ms !important;
  }
}

@media screen and (min-width: 601px) and (max-width: 900px),
  screen and (orientation: portrait) and (max-width: 600px) {
  body {
    width: 100%;
    overflow-x: hidden;
  }

  h1.svelte-11awy42,
  h1.svelte-trc9z2 {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 0 18px !important;
    font-family: var(--sana-title-font, "Ayer Poster Web", serif) !important;
    font-size: clamp(46px, 14vw, 64px) !important;
    line-height: .95 !important;
    color: #111 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
  }

  section.svelte-11awy42,
  section.svelte-trc9z2,
  section.svelte-11awy42 .row:where(.svelte-11awy42),
  section.svelte-trc9z2 .row:where(.svelte-trc9z2),
  section.svelte-11awy42 article:where(.svelte-11awy42),
  section.svelte-trc9z2 article:where(.svelte-trc9z2) {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  section.svelte-11awy42 article:where(.svelte-11awy42),
  section.svelte-trc9z2 article:where(.svelte-trc9z2) {
    overflow: hidden !important;
    overscroll-behavior: contain;
    contain: paint;
    touch-action: pan-y;
  }

  body.sana-guarding-tiles section.svelte-11awy42 article.shutter-lazy:not(.sana-tile-ready):where(.svelte-11awy42),
  body.sana-guarding-tiles section.svelte-trc9z2 article.shutter-lazy:not(.sana-tile-ready):where(.svelte-trc9z2) {
    cursor: default !important;
    pointer-events: none !important;
  }

  section.svelte-11awy42 article:where(.svelte-11awy42) img,
  section.svelte-11awy42 article:where(.svelte-11awy42) video,
  section.svelte-trc9z2 article:where(.svelte-trc9z2) img,
  section.svelte-trc9z2 article:where(.svelte-trc9z2) video {
    -webkit-user-drag: none;
    user-select: none;
  }

  header.svelte-17z3y42 nav:where(.svelte-17z3y42) .primary:where(.svelte-17z3y42),
  header.svelte-17z3y42 nav:where(.svelte-17z3y42) .secondary:where(.svelte-17z3y42) {
    display: none !important;
  }

  header.svelte-17z3y42 nav:where(.svelte-17z3y42) {
    position: relative !important;
    justify-content: flex-end !important;
    align-items: flex-end !important;
    padding: 0 22px 24px !important;
  }

  header.svelte-17z3y42 nav:where(.svelte-17z3y42)::before {
    content: attr(data-sana-page-title);
    position: absolute;
    left: 50%;
    bottom: 28px;
    max-width: calc(100vw - 132px);
    transform: translateX(-50%);
    color: #111;
    font-family: var(--sana-nav-font);
    font-size: clamp(18px, 4.8vw, 21px);
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    pointer-events: none;
    text-shadow: 0 1px 10px rgba(247, 245, 241, .45);
  }

  header.svelte-17z3y42 nav:where(.svelte-17z3y42) .burger:where(.svelte-17z3y42) {
    position: relative;
    display: inline-grid !important;
    place-items: center;
    width: 32px;
    height: 32px;
    font-size: 0 !important;
    line-height: 0;
    color: #111 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    opacity: 1 !important;
  }

  header.svelte-17z3y42 nav:where(.svelte-17z3y42) .burger:where(.svelte-17z3y42) button,
  header.svelte-17z3y42 nav:where(.svelte-17z3y42) .burger:where(.svelte-17z3y42) button span {
    position: absolute;
    inset: 0;
    width: 32px;
    height: 32px;
    overflow: hidden;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px;
    white-space: nowrap;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
  }

  header.svelte-17z3y42 nav:where(.svelte-17z3y42) .burger:where(.svelte-17z3y42)::before,
  header.svelte-17z3y42 nav:where(.svelte-17z3y42) .burger:where(.svelte-17z3y42)::after {
    content: "";
    display: block;
    width: 23px;
    height: 1px;
    background: currentColor;
    transform-origin: center;
  }

  header.svelte-17z3y42 nav:where(.svelte-17z3y42) .burger:where(.svelte-17z3y42)::before {
    box-shadow: 0 -6px 0 currentColor, 0 6px 0 currentColor;
    transform: none;
  }

  header.svelte-17z3y42 nav:where(.svelte-17z3y42) .burger:where(.svelte-17z3y42)::after {
    display: none;
  }

  aside.svelte-17z3y42:not(.active) {
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(120vh) !important;
  }

  aside.active.svelte-17z3y42 {
    visibility: visible !important;
  }

  aside.svelte-17z3y42 .primary:where(.svelte-17z3y42),
  aside.svelte-17z3y42 .secondary:where(.svelte-17z3y42) {
    font-family: var(--sana-nav-font) !important;
    font-weight: 400 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    line-height: 1.05 !important;
    gap: 14px !important;
  }

  aside.svelte-17z3y42 .primary:where(.svelte-17z3y42) {
    font-size: clamp(32px, 9vw, 44px) !important;
    font-weight: 400 !important;
  }

  aside.svelte-17z3y42 .secondary:where(.svelte-17z3y42) {
    font-size: 16px !important;
    font-weight: 400 !important;
  }

  aside.svelte-17z3y42 {
    justify-content: center !important;
    gap: 24px !important;
    overflow-y: auto !important;
  }

  aside.active.svelte-17z3y42 .primary:where(.svelte-17z3y42) a:where(.svelte-17z3y42),
  aside.active.svelte-17z3y42 .secondary:where(.svelte-17z3y42) a:where(.svelte-17z3y42) {
    animation: none !important;
    clip-path: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}