/* V30 — calmer editorial scale and the Brand & Content archive */
.selected-work-head,
.work-grid-chapter {
  width: min(1180px, calc(100% - 96px));
}

.selected-work-head {
  padding: 82px 0 46px;
}

.selected-work-head h2 {
  font-size: clamp(38px, 3.5vw, 50px);
}

.work-grid-chapter {
  padding-bottom: 132px;
}

.chapter-head {
  padding-bottom: 20px;
}

.chapter-head p,
.social-description,
.event-description,
.brand-description {
  max-width: 1000px !important;
  text-align: justify;
  text-align-last: left;
  text-wrap: pretty;
  word-break: normal;
  overflow-wrap: break-word;
}

.brand-description span {
  display: block;
}

.brand-description span + span {
  margin-top: 0.55rem;
}

.brand-description strong {
  color: #25342f;
  font-weight: 600;
}

.work-grid {
  gap: 16px;
  margin-top: 30px;
}

.social-grid .work-item {
  height: 365px;
}

.event-grid .work-item:nth-child(-n + 4) {
  height: 285px;
}

.event-grid .work-item:nth-child(n + 5) {
  height: 310px;
}

.brand-grid .brand-subhead {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 8px 0 -2px;
  color: #65736b;
  font: 600 10px/1 "Manrope", sans-serif;
  letter-spacing: 0.14em;
}

.brand-grid .brand-subhead::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #d8d2c7;
}

.brand-grid .brand-subhead span {
  color: #8a4d39;
}

.brand-grid .work-brand {
  grid-column: span 4;
  height: 330px;
}

.brand-grid .work-script {
  grid-column: span 4;
  height: 290px;
}

.brand-grid .work-script img {
  object-fit: contain;
  background: #f3f3ef;
}

.media-grid .work-item:not(.work-wide) {
  height: 390px;
}

.media-grid .work-wide {
  height: 340px;
}

.visual-grid .work-item:not(.work-ppt) {
  height: 365px;
}

.visual-grid .work-ppt {
  height: 300px;
}

@media (max-width: 850px) {
  .selected-work-head,
  .work-grid-chapter {
    width: min(680px, calc(100% - 48px));
  }

  .social-grid .work-item {
    height: 330px;
  }

  .event-grid .work-item:nth-child(-n + 4),
  .event-grid .work-item:nth-child(n + 5) {
    height: 280px;
  }

  .brand-grid .work-brand,
  .brand-grid .work-script {
    grid-column: span 6;
    height: 290px;
  }

  .brand-grid .work-script {
    height: 270px;
  }
}

@media (max-width: 600px) {
  .selected-work-head,
  .work-grid-chapter {
    width: calc(100% - 32px);
  }

  .selected-work-head {
    padding-top: 68px;
  }

  .work-grid-chapter {
    padding-bottom: 92px;
  }

  .chapter-head p,
  .social-description,
  .event-description,
  .brand-description {
    text-align: left;
  }

  .social-grid .work-item,
  .event-grid .work-item:nth-child(-n + 4),
  .event-grid .work-item:nth-child(n + 5),
  .brand-grid .work-brand,
  .brand-grid .work-script {
    grid-column: span 12;
    height: 300px;
  }

  .brand-grid .work-script {
    height: 260px;
  }
}