.cr-land {
  max-width: 760px;
  margin: 0 auto;
  padding: 48px 24px 80px;
  font: 16px/1.6 var(--cr-ui);
  color: var(--cr-ink);
}
.cr-land-kicker {
  margin: 0 0 8px;
  font: 600 14px/1.3 var(--cr-ui);
  color: var(--cr-muted);
}
.cr-land h1 {
  margin: 0 0 28px;
  font: 800 34px/1.15 var(--cr-ui);
  letter-spacing: -0.02em;
}
.cr-land h2 {
  margin: 36px 0 10px;
  font: 750 19px/1.3 var(--cr-ui);
}
.cr-pages {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.cr-pages a {
  display: grid;
  gap: 4px;
  padding: 18px 20px;
  border: 1px solid var(--cr-line);
  border-radius: 14px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 16px 30px -26px rgba(38, 34, 29, 0.8);
}
.cr-pages a:hover {
  border-color: var(--cr-teal);
}
.cr-pages b {
  font-size: 19px;
  color: var(--cr-teal);
}
.cr-pages span {
  font-size: 14.5px;
  color: var(--cr-muted);
}
.cr-land-draft {
  font: 600 12px/1.3 var(--cr-ui);
  font-style: normal;
  color: #5d3a00;
}
.cr-land-note {
  margin-top: 28px;
  font-size: 14px;
  color: var(--cr-muted);
}
@media screen and (max-width: 1099px) {
  .cr-landing .cr-land {
    display: none;
  }
  .cr-landing .mobwarn {
    position: fixed;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 22px;
    background: var(--cr-paper);
  }
}
.cr-landing .mobwarn .mw-card {
  background: #fff;
  border: 1px solid var(--cr-line);
  border-radius: 18px;
  padding: 28px 24px 24px;
  max-width: 430px;
  font-family: var(--cr-ui);
}
.cr-landing .mobwarn .mw-t {
  font: 750 22px/1.25 var(--cr-ui);
  margin: 0 0 12px;
}
@media screen and (min-width: 1100px) {
  .cr-landing .mobwarn {
    display: none;
  }
}