.wp-site-blocks {
  width: calc(100% - 18px);
  max-width: 1800px;
  min-height: calc(100vh - 18px);
  margin: 9px auto;
  border: var(--aam-frame) solid var(--aam-rule);
  background-color: var(--aam-paper);
  background-image: radial-gradient(color-mix(in srgb, var(--aam-rule) 19%, transparent) .55px, transparent .55px);
  background-size: 5px 5px;
}

.wp-site-blocks > header,
.wp-site-blocks > main,
.wp-site-blocks > footer { background: color-mix(in srgb, var(--aam-paper) 97%, transparent); }

.aam-main { width: 100%; }
.aam-main > section, .aam-main > div { position: relative; }
.aam-main > section + section { border-top: 1px solid var(--aam-rule); }
.aam-main > section { padding: 30px var(--aam-pad); }

.aam-page-hero {
  min-height: 340px;
  display: grid;
  grid-template-columns: 52% 48%;
  align-items: center;
  gap: 20px;
}

.aam-page-hero h1 {
  margin-bottom: 25px;
  font-size: clamp(28px, 3.1vw, 46px);
  line-height: 1.12;
}

.aam-page-hero > div:first-child > p:not(.aam-kicker, .aam-status) { max-width: 570px; }
.aam-page-hero .aam-ascii-figure { transform: scale(.86); transform-origin: center; }

.aam-kicker { color: var(--aam-orange); letter-spacing: .035em; }
.aam-status { color: var(--aam-green); }

.aam-generic, .aam-error { min-height: 62vh; padding: clamp(46px, 8vw, 110px) var(--aam-pad); }
.aam-generic header, .aam-generic .aam-prose { max-width: 900px; margin-inline: auto; }
.aam-generic h1 { font-size: clamp(36px, 6vw, 78px); }
.aam-prose > * { max-width: 780px; }
.aam-prose h2 { margin-top: 2.5em; color: var(--aam-orange); }

.aam-error { text-align: center; }
.aam-error h1 { margin: 0; font-size: clamp(100px, 22vw, 300px); line-height: .9; color: var(--aam-orange); }
.aam-error .aam-button { width: min(320px, 100%); margin: 36px auto; }
.aam-error pre { padding: 22px; border: 1px dashed var(--aam-rule); color: var(--aam-green); }