/* A案：濃いティール。動画 → 全面の色 → 透明なコピー、の順に重ねる。 */
.logica-site .home-hero.with-video {
  isolation:isolate;
  margin:0;
  padding:76px var(--gutter) 28px;
  display:block;
  overflow:hidden;
  color:#fff;
  background:#102e34;
}
.logica-site .with-video .hero-backdrop {
  position:absolute;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
}
.logica-site .with-video .hero-backdrop video {
  position:absolute;
  inset:0 auto 0 0;
  display:block;
  width:150%;
  max-width:none;
  height:100%;
  object-fit:cover;
  object-position:left bottom;
}
/* 最薄部も #0F3F47 / 40%。左58%の実測下限34.8%を上回る。 */
.logica-site .with-video .hero-backdrop::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,rgba(15,63,71,.78) 0%,rgba(15,63,71,.64) 48%,rgba(15,63,71,.40) 100%);
}
.logica-site .with-video .home-hero-copy {
  position:relative;
  width:min(100%,800px);
  background:transparent;
}
.logica-site .with-video .home-hero-copy::before { content:none; }
.logica-site .with-video .hero-disciplines {
  gap:28px;
  margin-bottom:30px;
  color:#fff;
  font-size:14px;
  letter-spacing:.08em;
}
.logica-site .with-video .hero-disciplines li { border-color:rgba(255,255,255,.65); }
.logica-site .with-video h1 {
  font-size:clamp(48px,4.9vw,74px);
  line-height:1.45;
}
.logica-site .with-video h1 em {
  color:#fff;
  background:none;
  text-decoration:underline;
  text-decoration-color:#99d4d0;
  text-decoration-thickness:2px;
  text-underline-offset:12px;
}
.logica-site .with-video .title-dot { background:#99d4d0; }
.logica-site .with-video .home-intro { max-width:650px; font-size:16px; line-height:2; }
.logica-site .with-video .hero-actions { gap:30px; }
.logica-site .with-video .solid-link { color:#0f3f47; background:#fff; border-color:#fff; }
.logica-site .with-video .solid-link:hover { color:#0f3f47; background:#d6e7e2; border-color:#d6e7e2; }
.logica-site .with-video .line-link { color:#fff; border-color:rgba(255,255,255,.8); }
.logica-site .with-video .line-link:hover { border-bottom-width:3px; }
.logica-site .with-video a:focus-visible { outline-color:#fff; }
.logica-site .with-video .home-hero-visual,
.logica-site .with-video .video-space { display:none; }
.logica-site .with-video .scroll-cue {
  position:relative;
  margin-top:44px;
  color:#fff;
  background:transparent;
  box-shadow:none;
}
@media (min-width:1600px) {
  .logica-site .with-video .hero-backdrop video { width:142%; }
}
@media (max-width:900px) {
  .logica-site .home-hero.with-video { padding-top:58px; padding-bottom:30px; }
  .logica-site .with-video h1 { font-size:clamp(42px,7.3vw,64px); }
  .logica-site .with-video .hero-backdrop video { width:280%; left:-45%; }
}
/* 小画面では source の media 条件で動画を取得せず、既存の線画を再利用。 */
@media (max-width:600px) {
  .logica-site .home-hero.with-video { padding-top:38px; padding-bottom:24px; }
  .logica-site .with-video .hero-backdrop video { display:none; }
  .logica-site .with-video .hero-disciplines { font-size:12px; gap:20px; margin-bottom:26px; }
  .logica-site .with-video h1 { font-size:clamp(27px,8.5vw,45px); line-height:1.65; }
  .logica-site .with-video h1 em { text-underline-offset:7px; }
  .logica-site .with-video .home-intro { font-size:15px; line-height:1.95; }
  .logica-site .with-video .hero-actions { gap:16px; }
  .logica-site .with-video .home-hero-visual { display:block; width:100%; height:auto; margin:26px 0 0; }
  .logica-site .with-video .video-compass {
    display:block;
    width:174px;
    margin:0 12px 0 auto;
    color:#a4d8d3;
    --art-paper:#17434a;
    --art-teal:#24616a;
  }
  .logica-site .with-video .scroll-cue { margin-top:10px; }
}
@media (prefers-reduced-motion:reduce) and (min-width:601px) {
  .logica-site .with-video .hero-backdrop video { display:none; }
  .logica-site .with-video .home-hero-visual {
    display:block;
    position:absolute;
    right:var(--gutter);
    bottom:54px;
    width:28%;
    max-width:320px;
    height:auto;
    margin:0;
    z-index:-1;
  }
  .logica-site .with-video .video-compass {
    display:block;
    width:100%;
    margin:0;
    color:#649797;
    --art-paper:#12353b;
    --art-teal:#205058;
  }
}
@media print { .logica-site .with-video .hero-backdrop video { display:none; } }

/* 2026-09-19 山本様のご指摘により追加。
   OSの「アニメーションを表示する」がオフでも、ヒーローの背景動画は表示する。
   （それ以外の線画アニメーションは全て外したまま） */
@media (prefers-reduced-motion:reduce) and (min-width:601px) {
  .logica-site .with-video .hero-backdrop video { display:block; }
  .logica-site .with-video .home-hero-visual { display:none; }
}