.jeanne-grid {
  display: grid;
  grid-template-areas: "header header" "navigation banner" "navigation content" ". content";
  grid-template-columns: 14rem 66rem;
  grid-template-rows: 12rem 11rem auto 1fr;
  width: 80rem;
  grid-gap: 1rem;
  gap: 1rem;
}

.jeanne-grid__header {
  grid-area: header;
  position: relative;
}

.jeanne-sitting-jeanne {
  position: absolute;
  height: 22rem;
  left: 0;
  display: unset;
}

.jeanne-grid__banner {
  grid-area: banner;
  border: 1px solid var(--border-color);
  box-sizing: border-box;
  overflow: hidden;
}

.jeanne-grid__navigation {
  grid-area: navigation;
  background: var(--background-color);
  border: 1px solid var(--border-color);
  padding: 8rem 1rem 1rem;
  height: 100%;
  box-sizing: border-box;
}

.jeanne-grid__content {
  grid-row: content;
  background: var(--background-color);
  border: 1px solid var(--border-color);
  padding: 8rem;
  box-sizing: border-box;
}

.jeanne-grid__image {
  width: 100%;
  display: unset;
}