/* WATCHDOG-V3 ANIM START -------------------------------------------------
   トップの動き: スクロール出現 + ヒーロー(動画cover)+文字の段階出現 + CTA脈動 + ホバー(PC)。
   隠すのは html.wd-js のみ。常時演出は既定ON・reduced-motionでOFF。
------------------------------------------------------------------------- */

/* 1) スクロール出現(JSが .wd-in を付与。ヒーローは除外=独自モーション) */
html.wd-js .wd-reveal{ opacity:0; transform:translateY(38px); will-change:opacity,transform;
  transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
html.wd-js .wd-reveal.wd-in{ opacity:1; transform:none; }
html.wd-js .wd-cols-reveal .wp-block-column{ opacity:0; transform:translateY(34px);
  transition:opacity .7s ease, transform .7s cubic-bezier(.2,.7,.2,1); }
html.wd-js .wd-cols-reveal.wd-in .wp-block-column{ opacity:1; transform:none; }
html.wd-js .wd-cols-reveal.wd-in .wp-block-column:nth-child(2){ transition-delay:.12s; }
html.wd-js .wd-cols-reveal.wd-in .wp-block-column:nth-child(3){ transition-delay:.24s; }
html.wd-js .wd-cols-reveal.wd-in .wp-block-column:nth-child(4){ transition-delay:.36s; }

/* 2) ヒーロー(動画cover): 動画を全面カバー、文字を段階出現 */
.home .wd-hero{ overflow:hidden; background:#0a0a0c; }
.home .wd-hero video.wp-block-cover__video-background{
  object-fit:contain !important; width:min(96%,900px) !important; height:auto !important; max-height:98% !important;
  top:50% !important; left:50% !important; transform:translate(-50%,-50%) !important;
}
.home .wd-hero .wp-block-cover__inner-container > *{ animation:wdHeroUp .75s cubic-bezier(.2,.7,.2,1) both; }
.home .wd-hero .wp-block-cover__inner-container > *:nth-child(1){ animation-delay:.10s; }
.home .wd-hero .wp-block-cover__inner-container > *:nth-child(2){ animation-delay:.24s; }
.home .wd-hero .wp-block-cover__inner-container > *:nth-child(3){ animation-delay:.40s; }
.home .wd-hero .wp-block-cover__inner-container > *:nth-child(4){ animation-delay:.56s; }
@keyframes wdHeroUp{ from{opacity:0; transform:translateY(22px)} to{opacity:1; transform:none} }
/* LINE CTAボタン: 脈動 */
.home .wd-cta .wp-block-button__link{ animation:wdCta 2s ease-in-out infinite; }
@keyframes wdCta{ 0%,100%{ transform:translateY(0) scale(1); box-shadow:0 0 0 rgba(230,0,18,0) }
                  50%{ transform:translateY(-2px) scale(1.04); box-shadow:0 10px 28px rgba(230,0,18,.55) } }

/* 3) ホバー演出(PC) */
.home .wp-block-column.has-background,
.home .wp-block-group.has-background{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
@media (hover:hover){
  .home .wp-block-column.has-background:hover{ transform:translateY(-5px); box-shadow:0 14px 34px rgba(0,0,0,.45); }
  .wp-child-theme-jstork19_custom .wp-block-button__link{ position:relative; overflow:hidden; }
  .wp-child-theme-jstork19_custom .wp-block-button__link:hover{ transform:translateY(-2px) scale(1.02); box-shadow:0 8px 22px rgba(230,0,18,.4); }
}

/* 4) ヒーロー高さ(スマホは抑える) */
@media(max-width:600px){ .home .wd-hero{ min-height:46vh !important; } }

/* 5) reduced-motion: 出現/脈動/文字アニメOFF・常時表示 */
@media (prefers-reduced-motion: reduce){
  html.wd-js .wd-reveal, html.wd-js .wd-cols-reveal .wp-block-column{ opacity:1 !important; transform:none !important; transition:none !important; }
  .home .wd-hero .wp-block-cover__inner-container > *{ animation:none !important; }
  .home .wd-cta .wp-block-button__link{ animation:none !important; }
}
/* WATCHDOG-V3 ANIM END --------------------------------------------------- */

/* HERO-READABILITY: 動画エンブレムの上で文字をくっきり読ませる */
.home .wd-hero .wp-block-cover__background{ background-color:rgba(8,8,10,.42) !important; }
.home .wd-hero .wp-block-cover__inner-container{
  background:radial-gradient(120% 78% at 50% 50%, rgba(8,8,10,.74) 0%, rgba(8,8,10,.5) 46%, rgba(8,8,10,0) 82%);
  border-radius:18px; padding:clamp(18px,3.6vw,40px) clamp(16px,4vw,40px);
}
.home .wd-hero .wp-block-cover__inner-container > p:first-child{ text-shadow:0 1px 6px rgba(0,0,0,.65); font-weight:700; }
.home .wd-hero h1{ text-shadow:0 2px 12px rgba(0,0,0,.6); }
.home .wd-hero .wp-block-cover__inner-container p{ text-shadow:0 1px 6px rgba(0,0,0,.5); }
/* HERO-READABILITY END */