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

/* ヒーローの高さは 2/3 のまま。基準の全高だけこのバンドの値へ差し替える
   （余白は pages/about.css の 2/3 を引き継ぐ）。 */
.page--about .tile-photo.is-hero { min-height: calc(var(--size-tile-full-tbl) * 2 / 3); }