html:not(.enhanced) .boot,
html:not(.enhanced) .term,
html:not(.enhanced) .progress,
html:not(.enhanced) #backdrop,
html:not(.enhanced) .palette-hint,
html:not(.enhanced) .burger,
html:not(.enhanced) .filters,
html:not(.enhanced) .pager,
html:not(.enhanced) #copyMail {
  display: none;
}

html:not(.enhanced) [data-reveal] {
  opacity: 1;
  transform: none;
}

html:not(.enhanced) .bar-fill {
  width: var(--w, 0);
}

@media (max-width: 900px) {
  html:not(.enhanced) .hero-visual { grid-template-columns: minmax(0, 1fr); max-width: 22rem; }
}

@media (max-width: 1024px) {
  html:not(.enhanced) .bar { position: relative; }
  html:not(.enhanced) .bar-inner { height: auto; min-height: 3.85rem; flex-wrap: wrap; padding-block: 0.75rem; }
  html:not(.enhanced) .nav { position: static; order: 3; width: 100%; flex-direction: row; flex-wrap: wrap; gap: 0.5rem 1rem; padding: 0; border: 0; opacity: 1; visibility: visible; transform: none; }
  html:not(.enhanced) .nav a { padding: 0.4rem 0; border: 0; }
}