/* =============================================================
   about_tb.css — about ページの tb 差分
   media: screen and (min-width: 641px) and (max-width: 833px)
   -------------------------------------------------------------
   出典: pages/04-about/index.html <style> の @media (max-width: 833px)。
   共通の折り畳み・タイル高さ・タップ領域は assets/css/bands/common_tb.css が持つ。
   ============================================================= */

/* ヒーローは低くしない。狭い画面ではサブヘッドが 4〜5 行になり、縮めるとコピーが
   写真の棚と書類箱に重なって読めなくなる。このバンドの全高＋通常の余白へ戻す
   （pages/about.css の 2/3 を打ち消す）。 */
.page--about .tile-photo.is-hero {
  min-height: var(--size-tile-full-tb);
  padding-block: var(--space-tile-top) var(--space-tile-bottom);
}