/* A signed author essay, sharing the companion's reading layout. */
.origins-masthead {
  background: radial-gradient(ellipse at 12% 25%, rgba(129, 85, 50, .18), transparent 65%);
}
.origins-masthead .field-title h1 {
  font-size: clamp(38px, 4.3vw, 66px);
  text-indent: 0;
}
.origins-byline { display: flex; align-items: center; gap: 16px; margin-top: 32px; }
.origins-byline img { width: 58px; height: 58px; object-fit: cover; border-radius: 50%; border: 1px solid var(--line); }
.origins-byline p { margin: 0; color: var(--cream); font-size: 22px; }
.origins-byline span { display: block; font: 9px/1.7 var(--sans); letter-spacing: .12em; color: var(--muted); }
.origins-byline em { font-style: normal; }
.origins-page .field-hero-art { margin: 0; }
.origins-page .field-hero-art img { box-shadow: 0 15px 50px rgba(0, 0, 0, .25); }
.origins-page .field-hero-art figcaption { margin-top: 14px; }
.origins-pullquote { margin: 34px 0 0; padding: 26px 0 26px 28px; border-left: 2px solid var(--warm-light); }
.origins-pullquote p { margin: 0; font: italic 29px/1.3 var(--serif); color: var(--cream); }
.origins-signature { margin-top: 30px; font-size: 28px; font-style: italic; color: var(--warm-light); }
@media (max-width: 800px) {
  .origins-masthead .field-title h1 { font-size: clamp(38px, 8vw, 58px); }
}
@media (max-width: 560px) {
  .origins-byline { gap: 12px; }
  .origins-byline span { font-size: 8px; letter-spacing: .07em; }
  .origins-byline img { width: 50px; height: 50px; }
  .origins-pullquote { padding-left: 20px; }
  .origins-pullquote p { font-size: 26px; }
}