html {
            scroll-behavior: smooth;
        }
        body {
            font-family: 'Inter', sans-serif;
            background-color: #fcf8f0; /* Warm, vintage paper color */
            color: #4a4238; /* Dark, warm brown for text */
            /* Subtle texture background */
            background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23d4c8b8' fill-opacity='0.2' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
        }

        /* Using 'Lora' for headings to give a classic, serif look */
        h1, h2, h3 {
            font-family: 'Lora', serif;
        }
        
		.logo-text {
        	font-family: 'Lora', serif;
        }

        /* Custom accent color classes */
        .vintage-accent { color: #c05621; }
        .bg-vintage-accent { background-color: #c05621; }
        .hover\:bg-vintage-accent-dark:hover { background-color: #a84717; }
        .border-vintage-accent { border-color: #c05621; }
        
        .vintage-secondary { color: #2f6b6b; }
        .bg-vintage-secondary { background-color: #2f6b6b; }
        .hover\:bg-vintage-secondary-dark:hover { background-color: #245252; }
        
        /* Custom card style */
        .vintage-card {
            background-color: rgba(255, 255, 255, 0.5);
            border: 1px solid rgba(0, 0, 0, 0.05);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
        }

        /* Animation for elements fading in */
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .fade-in {
            animation: fadeIn 0.8s ease-out forwards;
            opacity: 0; /* Start hidden */
        }
        
        /* Staggered animation delays */
        .delay-1 { animation-delay: 0.1s; }
        .delay-2 { animation-delay: 0.2s; }
        .delay-3 { animation-delay: 0.3s; }
        .delay-4 { animation-delay: 0.4s; }
        .delay-5 { animation-delay: 0.5s; }
        .delay-6 { animation-delay: 0.6s; }
        .delay-7 { animation-delay: 0.7s; }

		.timeline-item {
            position: relative;
            padding-left: 2.5rem;
            padding-bottom: 2rem;
            border-left: 2px solid #d4c8b8;
        }
        .timeline-item:last-child {
            border-left: 2px solid transparent;
            padding-bottom: 0;
        }
        .timeline-icon {
            position: absolute;
            left: -0.8rem;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 9999px;
            background-color: #fcf8f0;
        }