@charset "UTF-8";
/* ============================================================================
   株式会社荒畑園  トップページ index-11.html 専用の上書き  ─ 2026.09.22
   ----------------------------------------------------------------------------
   top-new.css → top-3 … → top-10.css のあとに読み込みます。
   index-10.html は変更していないため、並べて見比べられます。
   ----------------------------------------------------------------------------
   この版での変更
     01 オープニングのロゴを、最初につくった版（index-7）の間合いに戻す
     02 工程ごとに働く人：日本語のキャプションをやめ、5点の横並びに
   ========================================================================== */

/* -------------------------------------------- 01 オープニングのロゴを元に戻す */
/* top-8 → top-9 → top-10 で少しずつ延ばした指定を、すべて打ち消します。
   ・白い面は 0.55秒でフェードアウト
   ・ロゴは消えぎわに動かさず、白い面といっしょに消える
   ・出るときだけ top-7.css の t-splash-in（0.7秒）で浮かび上がる
   HTML 側の待ち時間も 1.4秒に戻してあります */
.t-splash {
  transition: opacity .55s var(--e-out), visibility 0s linear .55s;
}
.t-splash__logo {
  opacity: 1;
  transform: none;
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .t-splash { transition: opacity .3s linear, visibility 0s linear .3s; }
}

/* -------------------------------------------- 02 工程ごとに働く人（5点） */
/* 「摘み取る」「袋に詰める」を外し、受注（Support）を足して5点。
   キャプションは英語のみにしたので高さが揃い、広い画面では1列に並べられます */
.t-person__cap {
  font-family: var(--ff-en); font-weight: 700; font-size: 11px;
  letter-spacing: .22em; text-transform: uppercase; color: var(--g600);
  margin-top: 12px;
}
.t-person__cap span { display: none; }   /* 旧マークアップが残っていても和文は出しません */

@media (min-width: 1024px) {
  /* 畑から受注まで、5つの工程を1列に並べます */
  .t-people__list { grid-template-columns: repeat(5, 1fr); gap: clamp(12px, 1.4vw, 20px); }
  .t-person:nth-child(n) { margin-top: 0; }
  .t-person:nth-child(2n) { margin-top: clamp(14px, 1.8vw, 28px); }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .t-people__list { grid-template-columns: repeat(3, 1fr); }
  .t-person:nth-child(n) { margin-top: 0; }
  .t-person:nth-child(2n) { margin-top: clamp(14px, 2.2vw, 28px); }
}