/* Sensory interpretation of the palette. Original artwork, without cropping. */
html:root body[data-making-of] #contenido .palette-sensory {
  width: 100%;
  max-width: 920px;
  margin: 48px 0;
}
html:root body[data-making-of] #contenido .palette-sensory > img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  border: 0;
  box-shadow: none;
}
html:root body[data-making-of] #contenido .palette-sensory figcaption {
  margin: 24px 0 0;
  padding: 0;
  text-align: left;
  font-style: normal;
}
html:root body[data-making-of] #contenido .palette-sensory h3 {
  margin: 0 0 8px;
  font: 400 30px/1.2 Newsreader, Georgia, serif;
}
html:root body[data-making-of] #contenido .palette-sensory .palette-sensory-subtitle {
  margin: 0 0 18px;
  font: italic 400 22px/1.4 Newsreader, Georgia, serif;
}
html:root body[data-making-of] #contenido .palette-sensory .palette-sensory-copy {
  max-width: 58ch;
  margin: 0;
  font: 400 24px/1.5 Newsreader, Georgia, serif;
}
@media (min-width: 1600px) {
  html:root body[data-making-of] #contenido .palette-sensory .palette-sensory-copy { font-size: 28px; }
}
@media (max-width: 760px) {
  html:root body[data-making-of] #contenido .palette-sensory { margin: 32px 0; }
  html:root body[data-making-of] #contenido .palette-sensory figcaption { margin-top: 20px; }
  html:root body[data-making-of] #contenido .palette-sensory h3 { font-size: 26px; }
  html:root body[data-making-of] #contenido .palette-sensory :is(.palette-sensory-subtitle, .palette-sensory-copy) { font-size: 20px; }
}