html:has(body.editorial-story) { background: #fff; }

body.editorial-story {
  --paper: #fff;
  --ink: #000;
  --muted: #71717a;
  font: 400 17px/1.65 var(--font-sans);
}

body.editorial-story .reading-toolbar { box-shadow: none; }
.editorial-story .portfolio-introduction { --ink: #202124; }

body.editorial-story main#story {
  width: min(576px, var(--portfolio-toolbar-width));
  margin: clamp(32px, 4vw, 56px) auto 0;
}


.editorial-story article {
  display: flex;
  flex-direction: column;
  gap: clamp(30px, 4.5vw, 54px);
}

.editorial-story .article-header { margin: 0; }
body.editorial-story :is(h1, h2) { font-size: 17px; font-weight: 500; line-height: 1.5; letter-spacing: normal; margin: 0 0 8px; }
body.editorial-story h1 { font-size: 19px; margin-bottom: 4px; }
body.editorial-story p { line-height: 1.65; }
body.editorial-story .subtitle { font-size: inherit; margin: 0; }
body.editorial-story article > .prose { margin-top: 0; }
body.editorial-story .prose p + p { margin-top: 16px; }
body.editorial-story article > :is(figure, .screen-showcase) {
  width: 100%;
  margin: 0;
  transform: none;
}
body.editorial-story figcaption { font: 400 15px/1.65 var(--font-sans); margin-top: 12px; }
.editorial-story .site-footer {
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 32px;
}
.editorial-story .site-footer .project-destination { margin-top: 0; }
.editorial-story :is(.sketch-heading, .sketch-note, .icon-label) { font: inherit; }
.editorial-story .image-button { background: transparent; border-radius: 4px; }

@media (min-width: 701px) and (pointer: fine) {
  .editorial-story .lightbox-close { width: auto; padding-inline: 14px; }
  .editorial-story .lightbox-close .dismiss-icon { display: none; }
}