.page-shell {
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
}

body::before {
  content: "";
  position: fixed;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  background: url("../img/editorial/hand-drawn-overlay-transparent.png") center bottom / contain no-repeat;
}

.site-header { position: relative; z-index: 20; }
main,
.side-note { position: relative; z-index: 2; }

.hero {
  min-height: 0;
  padding-top: 60px;
  padding-bottom: 60px;
}

.tag-filter-container {
  margin-top: 11px;
  margin-bottom: 7px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.tag-chip {
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  box-shadow: inset 0 0 0 1px #c5d0dd;
}

.tag-chip:hover {
  box-shadow: inset 0 0 0 1px #6f88a9;
}

.tag-chip.active {
  box-shadow: none;
}

.newsletter-item {
  padding-top: 16px;
  padding-bottom: 16px;
}

.side-note {
  position: fixed;
  bottom: 26px;
}

@media (max-width: 900px) {
  body::before { display: none; }
  .side-note { display: none; }
}

@media (max-width: 620px) {
  .hero {
    min-height: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}