.content-container,
.site-header__inner,
.site-footer__inner {
  width: min(100% - (var(--rollin-gutter) * 2), var(--rollin-container));
  margin-inline: auto;
}

.site-main {
  min-height: 50vh;
  padding-block: var(--rollin-space-6);
}

.content-entry {
  margin-block-end: var(--rollin-space-6);
}

.content-entry__header,
.archive-header {
  margin-block-end: var(--rollin-space-5);
}

.content-entry__title {
  max-width: 22ch;
  overflow-wrap: anywhere;
}

.content-entry__meta {
  color: var(--rollin-color-muted);
  font-size: var(--rollin-text-sm);
}

.content-entry__featured-image {
  margin-block: var(--rollin-space-5);
  overflow: hidden;
  background: var(--rollin-color-canvas);
}

.content-entry__featured-image img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.archive-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--rollin-space-5);
}

.archive-list .content-entry {
  margin: 0;
}

.rollin-intro {
  padding-block: clamp(3rem, 9vw, 8rem);
}

.rollin-intro__eyebrow {
  font-size: var(--rollin-text-sm);
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.rollin-intro h1 {
  max-width: 8ch;
  margin-block: var(--rollin-space-3);
}

.empty-state {
  padding-block: var(--rollin-space-8);
}

.empty-state__code {
  margin: 0;
  color: var(--rollin-color-magenta);
  font-family: var(--rollin-font-display);
  font-size: clamp(5rem, 20vw, 12rem);
  line-height: 0.8;
}

.page-links {
  margin-block: var(--rollin-space-5);
}