.page-portfolio {
  height: 826px;
}

.page-portfolio .site-nav--portfolio {
  left: 1118px;
}

.page-portfolio .work-grid {
  position: absolute;
  left: 50px;
  top: 163px;
  display: grid;
  grid-template-columns: repeat(4, 342px);
  column-gap: 15px;
  row-gap: 26px;
}

.page-portfolio .work-tile {
  display: flex;
  flex-direction: column;
  gap: 15px;
  color: inherit;
}

.page-portfolio .work-tile__image {
  display: block;
  width: 100%;
  height: 267px;
  overflow: hidden;
  background: #ddd;
}

.page-portfolio .work-tile__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.page-portfolio .work-tile__image--pad {
  background: #f0efef;
}

.page-portfolio .work-tile__image--pad img {
  object-fit: contain;
}

.page-portfolio .work-tile__image--dark {
  background: #635538;
}

.page-portfolio .work-tile__image--empty {
  background: #d9d9d9;
}

.page-portfolio .work-tile__label {
  font-family: var(--font-display);
  font-size: 15px;
  letter-spacing: -0.3px;
  color: var(--color-black);
}

.page-portfolio .page-title {
  position: absolute;
  left: 788px;
  top: 639px;
  width: 527px;
  margin: 0;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 135px;
  line-height: 0.91;
  letter-spacing: -6.77px;
  color: var(--color-black);
}