html,
body {
  overflow-x: hidden;
}

.site-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  width: 100%;
  max-width: none;
  margin: 0;
  background: rgba(247, 240, 227, 0.96);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}

main {
  padding-top: 88px;
}

@media (max-width: 760px) {
  main {
    padding-top: 70px;
  }
}

.hero {
  overflow-x: clip;
}

@supports not (overflow-x: clip) {
  .hero {
    overflow-x: hidden;
  }
}

.app-mark-image{width:100%;height:100%;object-fit:cover;border-radius:inherit}