:root {
      --primary: #2C1810;
      --accent: #C5A065;
      --surface: #FAF9F6;
    }
    body { 
      background-color: var(--surface);
      font-family: 'Plus Jakarta Sans', 'Pretendard', sans-serif; 
      line-height: 1.8; 
      color: #1E293B; 
      word-break: keep-all;
    }
    .container-wide { max-width: 1440px; margin: 0 auto; padding: 0 2rem; }
    .glass-nav { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(0,0,0,0.05); }
    .bento-grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 1.5rem; }
    .reveal { opacity: 0; transform: translateY(40px); transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1); }
    .reveal.active { opacity: 1; transform: translateY(0); }
    h1, h2, h3 { font-weight: 800; tracking: -0.04em; }
    /* Tailwind CSS is used via CDN in the HTML files. Custom overrides can be placed here if needed, but for this project, all styling is handled via utility classes and embedded style blocks for specific animations. */