@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:400;src:url('/fonts/fraunces-latin-400-normal.361dab65.woff2') format('woff2')}
@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url('/fonts/fraunces-latin-500-normal.55a5a3b9.woff2') format('woff2')}
@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:600;src:url('/fonts/fraunces-latin-600-normal.ed64c0f8.woff2') format('woff2')}
@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:400;src:url('/fonts/fraunces-latin-400-italic.2ea876e3.woff2') format('woff2')}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url('/fonts/manrope-latin-400-normal.b69ff29f.woff2') format('woff2')}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url('/fonts/manrope-latin-500-normal.1439e66f.woff2') format('woff2')}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url('/fonts/manrope-latin-600-normal.ef413a9e.woff2') format('woff2')}
@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:700;src:url('/fonts/manrope-latin-700-normal.4fc2723e.woff2') format('woff2')}

body > header {
  background-color: transparent;
  border-bottom: 1px solid transparent;
  transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease, backdrop-filter .3s ease;
}

body > header.is-scrolled {
  background-color: rgba(250, 248, 244, .82);
  border-bottom-color: rgba(228, 224, 214, .75);
  box-shadow: 0 8px 30px rgba(18, 22, 31, .07);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  backdrop-filter: blur(16px) saturate(140%);
}