body.avva-lp-shell {
  overflow-x: clip;
  background: var(--avva-color-surface);
}

body.avva-lp-shell .avva-lp-main {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: clip;
}

body.avva-lp-shell .nav {
  --primary--background: transparent;
  --primary--headings: var(--avva-color-off-white);
  --primary--text: var(--avva-color-off-white);
  position: fixed !important;
  inset: 0 0 auto !important;
  z-index: 1000;
  background: transparent !important;
  color: var(--avva-color-off-white) !important;
}

body.avva-lp-shell .nav :is(.container.cc-nav, .nav-layout) {
  --primary--background: transparent;
  --primary--headings: var(--avva-color-off-white);
  --primary--text: var(--avva-color-off-white);
  background: transparent !important;
  color: var(--avva-color-off-white) !important;
}

body.avva-lp-shell .nav :is(.nav-link__p, .button__underline-link) {
  color: var(--avva-color-off-white) !important;
}

body.avva-lp-shell .nav-logo_link .avva-official-logo {
  filter: brightness(0) invert(1);
}

body.avva-lp-shell .nav.is-scrolled {
  --primary--background: color-mix(in srgb, var(--avva-color-carbon) 92%, transparent);
  background: color-mix(in srgb, var(--avva-color-carbon) 92%, transparent) !important;
  color: var(--avva-color-off-white) !important;
  backdrop-filter: blur(14px);
}

body.avva-lp-shell .nav.is-scrolled :is(.container.cc-nav, .nav-layout) {
  background: transparent !important;
}

body.avva-lp-shell :is(.nav, .footer-main, .site-credits__bar, .modal) {
  font-family: var(--avva-font-primary) !important;
}

body.avva-lp-shell .loader {
  display: none !important;
}

body.avva-lp-rise .rise-page-main {
  --brown: #4b4339;
  --moss: #707249;
  --beige: #f5e4d3;
  --cream: #faf4ec;
  --charcoal: #262019;
  --ink: #3a342b;
  --line: rgba(75, 67, 57, 0.14);
  --line-light: rgba(245, 228, 211, 0.18);
  --sans: var(--font-sans), Arial, sans-serif;
  --serif: var(--font-serif), Georgia, serif;
  --ease: cubic-bezier(0.62, 0.05, 0.18, 0.99);
  --pad: clamp(1.5rem, 5vw, 7rem);
  --maxw: 1280px;
  --r-soft: clamp(14px, 2vw, 28px);
  background: var(--cream);
  color: var(--ink);
  font-family: var(--sans) !important;
  font-weight: 300;
  line-height: 1.65;
}

body.avva-lp-rise .rise-page-main :is(h1, h2, h3, h4) {
  font-family: var(--sans) !important;
  font-weight: 300 !important;
}

body.avva-lp-rise .rise-page-main .serif-it {
  font-family: var(--serif) !important;
  font-style: italic;
  font-weight: 300 !important;
}

body.avva-lp-rise .rise-page-main .btn,
body.avva-lp-rise .rise-page-main button,
body.avva-lp-rise .rise-page-main input,
body.avva-lp-rise .rise-page-main select {
  font-family: var(--sans) !important;
}

body.avva-lp-rise .rise-page-main [style*="opacity: 0"],
body.avva-lp-rise .rise-page-main [style*="opacity:0"] {
  opacity: 1 !important;
  transform: none !important;
}

body.avva-lp-rise .rise-page-main #hero {
  min-height: 100dvh;
}

body.avva-lp-rise .rise-page-main #galeria .sticky-zone {
  height: auto !important;
}

body.avva-lp-rise .rise-page-main #galeria .sticky-inner {
  position: relative;
  top: auto;
  height: auto;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: rgba(75, 67, 57, 0.28) transparent;
}

body.avva-lp-rise .rise-page-main #galeria .gal-track {
  transform: none !important;
  padding-bottom: clamp(3.5rem, 8vh, 6rem);
}

body.avva-lp-rise .rise-page-main #galeria .gal-item {
  scroll-snap-align: center;
}

@media (max-width: 767px) {
  body.avva-lp-shell .nav {
    min-height: 4.75rem;
  }

  body.avva-lp-shell .nav[data-navigation-status="active"],
  body.avva-lp-shell .nav[data-navigation-status="active"] :is(.container.cc-nav, .nav-layout) {
    --primary--background: rgba(43, 38, 34, 0.98);
    --primary--headings: var(--avva-color-off-white);
    --primary--text: var(--avva-color-off-white);
    background: rgba(43, 38, 34, 0.98) !important;
    color: var(--avva-color-off-white) !important;
  }

  body.avva-lp-shell .nav .nav-menu {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    min-height: 100vh !important;
  }

  body.avva-lp-shell .nav .nav-menu_container {
    width: 100% !important;
    height: 100% !important;
    min-height: 100dvh !important;
    background: rgba(43, 38, 34, 0.98) !important;
    color: var(--avva-color-off-white) !important;
    backdrop-filter: blur(18px) saturate(110%);
    -webkit-backdrop-filter: blur(18px) saturate(110%);
  }

  body.avva-lp-shell .nav[data-navigation-status="active"] .nav__menu-button {
    border: 1px solid rgba(246, 243, 236, 0.42) !important;
    background: rgba(246, 243, 236, 0.08) !important;
  }

  body.avva-lp-shell .nav[data-navigation-status="active"] :is(.nav-link__a, .nav__menu-link) {
    color: var(--avva-color-off-white) !important;
  }

  body.avva-lp-shell .nav[data-navigation-status="active"] .nav-link__a:active {
    transform: translateY(1px);
  }

  body.avva-lp-rise .rise-page-main #hero h1 {
    max-width: 100%;
    font-size: clamp(2.75rem, 13.2vw, 3.4rem);
    letter-spacing: -0.045em;
  }
}

@media (max-width: 767px) and (prefers-reduced-transparency: reduce) {
  body.avva-lp-shell .nav[data-navigation-status="active"],
  body.avva-lp-shell .nav[data-navigation-status="active"] :is(.container.cc-nav, .nav-layout),
  body.avva-lp-shell .nav .nav-menu_container {
    background: rgb(43, 38, 34) !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.avva-lp-rise .rise-page-main *,
  body.avva-lp-on .on-lp-main * {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
