function Teacher() {
  return (
    <section className="section teacher-section" id="teacher">
      <div className="section-inner">
        <div className="teacher-grid">
          <div className="teacher-portrait">
            {/* Portrait placeholder — sumi panel with vertical name */}
            <div className="portrait-frame">
              <div className="portrait-vertical">
                <span>北</span>
                <span>薗</span>
                <span>竜</span>
                <span>司</span>
              </div>
              <div className="portrait-caption">portrait placeholder &nbsp;·&nbsp; share photo to replace</div>
              <div className="portrait-hanko"><HankoStamp chars="竜" size={48}/></div>
            </div>
          </div>

          <div className="teacher-copy">
            <div className="eyebrow">about the teacher &nbsp;·&nbsp; 講師紹介</div>
            <h2 className="section-title">北薗 竜司<small className="romaji"> kitazono ryuji</small></h2>
            <p className="lead">一般社団法人 日本万書筆文字協会 理事。<br/>筆処 和灯〜watou〜 主宰。</p>
            <p>
              筆文字との出会いは、ひとつの言葉を贈ったその瞬間でした。
              いまは、墨と筆で「想いを伝える」ことを、たくさんのかたにお伝えしています。
            </p>
            <p>
              SNS では日々の作品や、筆文字の手元動画もお届けしています。
              よろしければ、のぞいてみてください。
            </p>
            <div className="teacher-links">
              <a className="social-pill" href="https://www.instagram.com/oss_fudemoji/" target="_blank" rel="noreferrer">
                <span>Instagram</span> <span className="rom">@oss_fudemoji</span>
              </a>
              <a className="social-pill" href="https://www.instagram.com/ryuhukuen/" target="_blank" rel="noreferrer">
                <span>Instagram</span> <span className="rom">@ryuhukuen</span>
              </a>
              <a className="social-pill" href="https://www.tiktok.com/@ryuhukuen.fuk" target="_blank" rel="noreferrer">
                <span>TikTok</span> <span className="rom">@ryuhukuen.fuk</span>
              </a>
              <a className="social-pill" href="https://yorozusyo.base.shop/" target="_blank" rel="noreferrer">
                <span>BASE</span> <span className="rom">yorozusyo</span>
              </a>
            </div>
          </div>
        </div>
      </div>
    </section>
  );
}

Object.assign(window, { Teacher });