/* ============================================================
   眞邑コーポレーション — rich.css
   旧デザインはそのまま。プレミアムな「動き・質感」だけを上乗せする追加レイヤー。
   （本ファイルを外せば元の見た目に戻ります）
   ============================================================ */

/* text selection */
::selection { background: var(--gold); color: #fff; }

/* progress bar = gradient (旧は単色。上書きで高級感アップ) */
#scrollProgress { background: linear-gradient(90deg, var(--steel), var(--gold)) !important; }

/* primary button — gold glow + press feedback */
.btn--primary { box-shadow: 0 10px 26px rgba(200,164,92,.34); }
.btn--primary:hover { box-shadow: 0 16px 40px rgba(200,164,92,.5); }
.btn:active { transform: translateY(0) scale(.985); }

/* ---- cursor spotlight on cards (JS sets --mx/--my) ---- */
.card, .recruit__card { position: relative; }
.card::after, .recruit__card::after {
  content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  opacity: 0; transition: opacity .3s ease; z-index: 1;
  background: radial-gradient(440px circle at var(--mx,50%) var(--my,0%), rgba(200,164,92,.16), transparent 60%);
}
.card:hover::after, .recruit__card:hover::after { opacity: 1; }
/* keep content above the spotlight */
.card > *, .recruit__card > * { position: relative; z-index: 2; }
/* dark cards: cooler spotlight so it reads */
.card--accent::after, .recruit__card--accent::after {
  background: radial-gradient(440px circle at var(--mx,50%) var(--my,0%), rgba(226,201,140,.22), transparent 60%);
}

/* ---- 3D tilt (JS adds .tiltable + sets transform; smoothing here) ---- */
.tiltable { transform-style: preserve-3d; will-change: transform; transition: transform .14s ease-out, box-shadow .25s, border-color .25s; }
.tiltable:not(:hover) { transition: transform .5s var(--ease), box-shadow .25s, border-color .25s; }
.card.tiltable:hover { border-color: rgba(200,164,92,.5); }

/* ---- staggered reveal (JS sets --rd; respects reduced-motion) ---- */
[data-reveal]{ transition-delay: var(--rd, 0ms); }

/* ---- gentle glow accents behind key dark sections ---- */
.area__card, .recruit__card--accent, .card--accent { isolation: isolate; }

/* magnetic buttons get a smooth return (JS sets transform) */
[data-magnetic]{ transition: transform .25s cubic-bezier(.2,.7,.2,1); }

@media (prefers-reduced-motion: reduce){
  .tiltable{ transition: none; }
  [data-reveal]{ transition-delay: 0ms !important; }
}