/* ============================================================
     RESET + TOKEN
     rougeonblue.ca 분석 기반: 비디오 풀스크린 + 2색(흑/백) + 거대 산세리프
     ============================================================ */
  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

  :root {
    --bg: #0a0a0a;
    --bg-alt: #111111;
    --bg-card: #161616;
    --fg: #ffffff;
    --fg-dim: rgba(255,255,255,0.5);
    --fg-muted: rgba(255,255,255,0.25);
    --accent: #C9A227;
    --border: rgba(255,255,255,0.08);
    --ease: cubic-bezier(0.76, 0, 0.24, 1);
    --ease-out: cubic-bezier(0.39, 0.575, 0.565, 1);
    --ease-spring: cubic-bezier(0.165, 0.84, 0.44, 1);
    --dur: 600ms;
    --dur-slow: 0.65s;
  }

  html { overflow-x: hidden; }

  body {
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 200;
    background: var(--bg);
    color: var(--fg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
  }

  /* 텍스트 reveal 시스템 */
  .reveal {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    opacity: 0;
    transform: translateY(20px);
    transition: clip-path var(--dur-slow) var(--ease-spring),
                opacity var(--dur-slow) var(--ease-out),
                transform var(--dur-slow) var(--ease-spring);
  }
  .reveal.is-visible {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    opacity: 1;
    transform: translateY(0);
  }
  .reveal-fade {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity var(--dur-slow) var(--ease-out),
                transform var(--dur-slow) var(--ease-spring);
  }
  .reveal-fade.is-visible {
    opacity: 1;
    transform: translateY(0);
  }
  .reveal-delay-1 { transition-delay: 0.1s; }
  .reveal-delay-2 { transition-delay: 0.2s; }
  .reveal-delay-3 { transition-delay: 0.3s; }
  .reveal-delay-4 { transition-delay: 0.4s; }

  /* 이미지 등장 */
  .img-reveal {
    opacity: 0;
    transform: scale(1.05);
    transition: opacity var(--dur-slow) var(--ease-out),
                transform 1.2s var(--ease-out);
  }
  .img-reveal.is-visible {
    opacity: 1;
    transform: scale(1);
  }

  :focus-visible {
    outline: 2px solid var(--fg);
    outline-offset: 4px;
  }

  a { color: inherit; text-decoration: none; }


  /* ============================================================
     KO/EN TOGGLE (미래용)
     ============================================================ */
  .lang-en [data-ko], .lang-ko [data-en] { display: none; }