/* style.css — 株式会社イニシオ カスタムスタイル */

/* ── ベース ─────────────────────── */
html { scroll-behavior: smooth; }

body {
  font-family: "Noto Sans JP", sans-serif;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
}

/* ── ヘッダー ────────────────────── */
#header {
  background: rgba(0,0,0,0.2);
  transition: background 0.4s, box-shadow 0.4s;
}
#header.scrolled {
  background: rgba(11, 15, 25, 0.85); /* #0B0F19 with opacity */
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  box-shadow: 0 4px 30px rgba(0,0,0,0.5);
  border-bottom: 1px solid rgba(255,255,255,0.05);
}

/* ── ユーティリティ ────────────────────── */
.glow-orange {
  box-shadow: 0 0 20px rgba(234, 88, 12, 0.3);
}
.glow-orange-hover {
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.glow-orange-hover:hover {
  box-shadow: 0 0 30px rgba(234, 88, 12, 0.5);
}
.text-outline {
  -webkit-text-stroke: 1px rgba(255,255,255,0.1);
  color: transparent;
}

/* ── スクロールインジケーター ────── */
.scroll-line {
  animation: scrollLine 1.8s ease-in-out infinite;
}
@keyframes scrollLine {
  0%   { transform: scaleY(0); transform-origin: top; }
  50%  { transform: scaleY(1); transform-origin: top; }
  51%  { transform: scaleY(1); transform-origin: bottom; }
  100% { transform: scaleY(0); transform-origin: bottom; }
}

/* ── テキスト日本語調整 ──────────── */
p, li { line-height: 1.9; letter-spacing: 0.03em; }
h1, h2, h3 { letter-spacing: -0.01em; }

/* ── ハンバーガーメニュー ─────────── */
#sp-menu.open { display: block; }
#menu-btn.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
#menu-btn.open span:nth-child(2) { opacity: 0; }
#menu-btn.open span:nth-child(3) { width: 24px; transform: translateY(-8px) rotate(-45deg); }

/* ── アニメーション：GSAP制御対象
   GSAPのfromTo()で初期値を渡すため
   CSSでは非表示にしない。
   GSAPが完全にコントロールする。
─────────────────────────────────── */

/* ── reduced-motion 対応 ─────────── */
@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; }
  .scroll-line { animation: none !important; }
}