.page {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.panel {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 60px var(--page-gutter);
  border-bottom: 5px solid var(--line);
  --offset-shadow: var(--ink);
}

.panel-inner {
  width: min(var(--content-max), 100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

#our-party .panel-inner {
  gap: 32px;
  width: min(1800px, 100%);
}

.panel-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 48px;
  align-items: center;
}

.panel-accent {
  background: var(--accent);
  color: #f6edd8;
  --offset-shadow: var(--line);
}

.panel-light {
  background: #f9f6ef;
  color: var(--ink);
  --offset-shadow: var(--accent);
}

.panel-ink {
  background: #a6192a;
  color: #fff5f3;
  --offset-shadow: #ffe3de;
}

.panel-sun {
  background: #f5a524;
  color: var(--accent);
  --offset-shadow: var(--accent);
}