/* =============================================================
   contact-motion.css — お問い合わせだけ（2026-10-14 第3段）
   光の帯のキャンバスはページの一番後ろ。文字・入力欄・ボタンはその上。
   ============================================================= */
.ct-flow { position: fixed; inset: 0; width: 100vw; height: 100vh; z-index: 0; pointer-events: none; }
.ct-on body > section, .ct-on body > footer { position: relative; z-index: 1; }
.ct-on .contact-hero { background: transparent; }
/* 吸い込み先：届いた光の量（--charge）だけ、金の縁が灯る */
.ct-sink { position: relative; --charge: 0; }
.ct-sink::after { content: ''; position: absolute; inset: -5px; border-radius: 3px; pointer-events: none;
  border: 1px solid rgba(232,213,163, calc(var(--charge) * 0.85));
  box-shadow: 0 0 calc(var(--charge) * 26px) rgba(201,168,76, calc(var(--charge) * 0.45)); }
a.tel-link.ct-sink::after { inset: -6px -10px; }
@media (prefers-reduced-motion: reduce) { .ct-flow { display: none; } .ct-sink::after { display: none; } }