html,
body,
#app {
  min-height: 100%;
  margin: 0;
}

.lucidcrawl-static-snapshot {
  box-sizing: border-box;
  min-height: 100vh;
  padding: 72px max(24px, calc((100vw - 1180px) / 2));
  color: #151716;
  background: #f1eee5;
  font-family: Arial, sans-serif;
}

.lucidcrawl-static-snapshot > span {
  color: #4b5d16;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.lucidcrawl-static-snapshot h1 {
  max-width: 940px;
  margin: 22px 0;
  font-size: clamp(46px, 8vw, 92px);
  letter-spacing: -0.065em;
  line-height: 0.94;
}

.lucidcrawl-static-snapshot h2 {
  margin: 40px 0 8px;
  font-size: 28px;
}

.lucidcrawl-static-snapshot p,
.lucidcrawl-static-snapshot dd {
  max-width: 760px;
  color: #505650;
  font-size: 18px;
  line-height: 1.65;
}

.lucidcrawl-static-snapshot dt {
  margin-top: 18px;
  font-weight: 800;
}

.lucidcrawl-static-snapshot nav {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 32px;
}

.lucidcrawl-static-snapshot a {
  color: #34430d;
  font-weight: 800;
}

.lucidcrawl-client-booting,
.lucidcrawl-client-booting body,
.lucidcrawl-client-booting #app {
  background: #f1eee5;
}

.lucidcrawl-client-booting .lucidcrawl-static-snapshot {
  display: none;
}

.lucidcrawl-application-route,
.lucidcrawl-application-route body,
.lucidcrawl-application-route #app {
  background: #111314;
}