:root {
    --brand-warm: #fcfaf8;
    --brand-gold: #b45309;
  }
  
  body {
    font-family: "Inter", sans-serif;
    background-color: var(--brand-warm);
    margin: 0;
    overflow-x: hidden;
  }
  
  h1,
  h2,
  .serif {
    font-family: "Cormorant Garamond", serif;
  }
  
  /* Scroll Reveal Animation */
  .reveal {
    opacity: 0;
    transform: translateY(40px) scale(0.95);
    transition: all 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  }
  
  .reveal.active {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  
  /* Hero Animations */
  .clip-animate {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    animation: slideClip 1.3s cubic-bezier(0.19, 1, 0.22, 1) forwards;
  }
  
  @keyframes slideClip {
    to {
      clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
    }
  }
  
  .fade-up {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeUp 0.8s ease-out forwards;
  }
  
  @keyframes fadeUp {
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .ornament {
    height: 2px;
    width: 60px;
    background: var(--brand-gold);
    margin: 1.5rem 0;
  }