/* YuHouseアカデミー — shared base styles */
:root { --accent: #B9985A; --accent-light: #D6C3A1; }

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "Noto Sans JP", system-ui, sans-serif;
  color: #1A1A1A;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html { scroll-behavior: smooth; }
a { color: inherit; }

/* Hide horizontal scroll thumb (used in BlackHair rail) */
::-webkit-scrollbar { display: none; }
::selection { background: #EF859A; color: #fff; }

@keyframes scrollCue {
  0%, 100% { transform: scaleY(.35); transform-origin: top; }
  50%      { transform: scaleY(1);   transform-origin: top; }
}

@keyframes lecFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes lecRise { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }

/* Founder portrait: slow Ken-Burns drift contained within its frame */
@keyframes founderDrift {
  0%   { transform: scale(1.08) translate(0, 0); }
  100% { transform: scale(1.14) translate(-1.5%, -2%); }
}
@media (prefers-reduced-motion: reduce) {
  @keyframes founderDrift { 0%, 100% { transform: scale(1.08); } }
}

/* Reveal on scroll */
.reveal { opacity: 0; transform: translateY(28px); transition: opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1); }
.reveal.in { opacity: 1; transform: none; }