/* About the Author: press portrait in a paper frame beside the reading column; full width on phones. */
.author { display: grid; grid-template-columns: minmax(200px, 270px) minmax(0, 1fr); column-gap: clamp(32px, 4vw, 64px); align-items: start; }
.author__portrait { margin: 0; padding: 10px; background: var(--paper-50); border: 1px solid var(--line-soft); box-shadow: 0 1px 0 rgba(31,43,49,.18), 0 18px 28px -20px rgba(31,43,49,.5); }
.author__portrait img { width: 100%; height: auto; }
.author__name { margin: 0 0 22px; padding-top: 4px; font-family: var(--font-sans); font-weight: 500; font-size: 13px; line-height: 1.3; letter-spacing: 0.16em; color: var(--sepia); }

.read { font-size: clamp(18px, 1.25vw, 19px); line-height: 1.6; text-wrap: pretty; }
.read p + p { margin-top: 1em; }
.read .ext { margin-left: 4px; vertical-align: baseline; }

@media (max-width: 899px) {
  .author { grid-template-columns: 1fr; row-gap: 32px; }
  .author__portrait { width: 100%; }
}