/* Author byline: goes right under the subtitle of every case study.
   Markup:
   <div class="byline">
     <img src="/images/michal-portrait.jpg" alt="" width="48" height="48">
     <div>
       <span class="byline__name">Michał Zieliński</span>
       <span class="byline__meta">Lead UX Designer · Berlin</span>
     </div>
   </div>
   Relies on the page tokens --ink, --quiet, --body. */
.byline { display: flex; align-items: center; gap: 12px; margin-top: 24px !important; font-family: var(--body); }
.byline img { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; object-position: 50% 20%; display: block; flex: none; }
.byline__name { display: block; font-size: 16px; font-weight: 600; line-height: 1.3; color: var(--ink); }
.byline__meta { display: block; font-size: 15px; line-height: 1.4; color: var(--quiet); }