/* Media kit. Shell and type scale come from base.css. This page carries both
 * languages and hides the one that is not showing, hence the [hidden] rule. */

.eyebrow {
  margin: 0 0 12px;
  color: #666;
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.13em;
  text-transform: uppercase;
}

h1 {
  margin: 0 0 6px;
}

.pronounce {
  margin: 0 0 18px;
  color: #666;
  font-style: italic;
}

.roles {
  font-weight: 600;
}

h2 {
  margin: 1.8em 0 0.5em;
}

h3 {
  margin: 1.4em 0 0.3em;
  font-size: 1rem;
}

main {
  line-height: 1.5;
}

main p {
  margin: 0 0 0.95em;
}

.lede {
  font-size: 1.12rem;
}

main ul {
  margin: 0 0 0.95em;
  padding-left: 1.2em;
}

main li {
  margin-bottom: 0.3em;
}

blockquote {
  margin: 0 0 0.95em;
  padding-left: 1.1em;
  border-left: 3px solid #e3e3e3;
  color: #333;
  font-style: italic;
}

.quote-source {
  display: block;
  margin-top: 0.25em;
  color: #666;
  font-size: 0.85em;
  font-style: normal;
}

/* Thumbnails. Each one links to the full-resolution file. */
.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  align-items: start;
  gap: 1.6em 1.4em;
  margin-bottom: 1.4em;
}

figure {
  margin: 0;
}

figure img {
  display: block;
  width: 100%;
  height: 150px;
  object-fit: cover;
  border: 1px solid #e3e3e3;
}

figcaption {
  margin-top: 0.5em;
  font-size: 0.83rem;
  line-height: 1.4;
}

figcaption .note {
  display: block;
  margin-top: 0.4em;
  color: #666;
  font-style: italic;
}

[hidden] { display: none !important; }