/* EQUITAS extras - revert accent + revive animations + hero grain */

/* (1) マーキーを動かす: 元CSSは animation-play-state:paused 既定 */
.Marquee_item__mH2Kw { animation-play-state: running !important; }

/* (1-b) ImageSlide も同じく動かす: 元CSSは paused のまま放置されている */
.ImageSlide_inner__cB4T8 { animation-play-state: running !important; }

/* (1-c) ImageSlide の画像はファイル未配置時にもダミー背景が見えるように
        グラデ + 中央に絵文字風プレースホルダー文字 */
.ImageSlide_group__uRcnX img,
.JobType_image__ymyDw img,
.JobType_card_image__r8mWi img,
[class*="About_image"] img,
[class*="Cta_image"] img,
[class*="Media_thumb"] img {
  background: linear-gradient(135deg, #1f1f1f 0%, #3a3a3a 50%, #2a2a2a 100%);
  min-height: 120px;
}

/* (1-d) Hero の存在感を薄く: 円と長方形の opacity を下げる */
.Hero_circle__txcid,
.Hero_rectangle__MJJB4 {
  opacity: 0.18 !important;
}

/* (2) ヒーローのテキスト出現アニメを表示済みに固定 (本来はJSが Hero_-ready を付与) */
.Hero_container__iv94D .Hero_text__WqrQE {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
}

/* (2-b) 英語見出し: 左→右へ色が塗られてくる "color sweep" アニメ
   仕組み: 子の <span>About</span> に 2 色 (淡グレー | 黒) のグラデを背景に当てて
   background-clip:text で文字色化。background-position を 100% → 0% に動かすと
   左端から黒が塗られていくように見える。
   既定 (JS失敗時) は 完全な黒 = 常に視認できる。 */
.Heading_en_inner__VOOAy,
.Heading_en_inner__VOOAy.Heading_-hidden__GhhI2 {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%) !important;
}
.Heading_en_inner__VOOAy > span:first-child {
  /* 左半分=黒 / 右半分=ヒーローと同じ cyan→purple グラデ (薄め opacity 0.22)
     ヒーローの円/長方形 (opacity 0.18) と同等の存在感 */
  background-image: linear-gradient(
    90deg,
    #0a0a0a 0%, #0a0a0a 50%,
    rgba(70, 255, 218, 0.22) 50%, rgba(169, 129, 255, 0.22) 100%
  );
  background-size: 200% 100%;
  background-position: 0% 0;          /* 既定: 全部黒 (JS失敗時も視認OK) */
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
.Heading_en_inner__VOOAy.is-animating > span:first-child {
  animation: equitas-heading-color-sweep 1.6s cubic-bezier(0.22, 1, 0.36, 1) both;
}
@keyframes equitas-heading-color-sweep {
  0%   { background-position: 100% 0; }  /* 開始: ヒーローのcyan→purple グラデ */
  100% { background-position: 0% 0; }    /* 終了: 全部黒 (左から塗られて完成) */
}

/* deco グラデ装飾は色スイープと衝突するので非表示 */
.Heading_en_deco__BPsU8 { opacity: 0 !important; }

/* 日本語見出し: 既定で見える + .is-animating で 0→1 のフェード */
.Heading_ja__19T1V,
.Hiring_heading_ja__S_iyP {
  opacity: 1;
}
.Heading_ja__19T1V.is-animating,
.Hiring_heading_ja__S_iyP.is-animating {
  animation: equitas-heading-ja 0.9s cubic-bezier(0.22,1,0.36,1) 0.35s both;
}
@keyframes equitas-heading-ja {
  0%   { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* (3) Hero グレイン / circle / rectangle ノイズはユーザー要望で削除 (オリジナル状態) */

/* (5) iframe (会社紹介資料) を about:blank にしたので、ダーク背景を保つ */
iframe[src="about:blank"].speakerdeck-iframe {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
}