.editorial-section { display: block; }
.editorial-portrait {
  width: 220px;
  height: 280px;
  display: grid;
  place-items: center;
  overflow: hidden;
  margin: 0 0 26px;
  background: var(--lavender);
  color: var(--purple);
  font-size: 48px;
  font-weight: 900;
}
.editorial-portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.editorial-section .editorial-author-name {
  margin: 0 0 12px;
  font-size: clamp(42px, 6vw, 76px);
  line-height: 1;
}
.editorial-section .about-writing-role { margin: 0; font-size: 14px; }
.editorial-body { margin-top: 32px; }
.editorial-section .editorial-title {
  margin: 0 0 20px;
  font-size: clamp(30px, 4vw, 48px);
}
@media (max-width: 600px) {
  .editorial-portrait { width: 160px; height: 200px; margin-bottom: 20px; }
  .editorial-section .editorial-author-name {
    font-size: clamp(36px, 10vw, 48px);
  }
  .editorial-body { margin-top: 26px; }
  .editorial-section .editorial-title { font-size: 32px; }
}