Interview

A Q&A format for interviews and guest contributor features. Optional portrait image (fixed 252×332px) and attribution title above the questions.

Interview block with portrait image and numbered Q&A

<div data-nama="interview" class="nama-interview">
  <img data-nama="interview-image" class="nama-interview-image" src="https://cdn.shopify.com/...portrait.webp" alt="Guest name">
  <div data-nama="interview-title" class="nama-interview-title">Juicing Tips from @juicingwithmaddy</div>
  <div data-nama="q" class="nama-q">1. What are your top budget-friendly ingredients?</div>
  <div data-nama="a" class="nama-a">I always prep my produce the night before.</div>
  <div data-nama="q" class="nama-q">2. What are your best batch juicing tips?</div>
  <div data-nama="a" class="nama-a">Mason jars filled to the top with no air gap.</div>
</div>

Element	Style
Image	252×332px fixed, `object-fit: cover`, left-aligned. 48px bottom margin. Optional.
Title	Sans-serif, 24–32px (clamp), 300 weight, charcoal. 32px bottom margin.
Question (`q`)	Serif, heading-xs, charcoal.
Answer (`a`)	Body-md, 300 weight, charcoal.
Q/A spacing	16px between question and answer, 32px between Q/A pairs.

Tips

The image and title are both optional. You can have just Q&A pairs.
The image is forced to portrait (252×332px) regardless of the source image dimensions.
Questions should be numbered manually in the text (e.g. “1. What are…”).
Answers can be multiple paragraphs of any length.