:root {
    --primary: #0d6efd;
    --dark: #212529;
}

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
}

.font-heading {
    font-family: 'Playfair Display', serif;
}

#hero {
    background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
}

.card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none;
}

.card:hover {
    transform: translateY(-10px);
    box-shadow: 0 1rem 3rem rgba(0,0,0,0.175) !important;
}

.progress {
    height: 10px;
    border-radius: 5px;
}

section {
    scroll-margin-top: 70px;
}

.btn-primary {
    padding: 0.8rem 2rem;
    font-weight: 600;
}

.project-image {
    width: 100%;
    max-width: 390px;
    height: 200px;
    overflow: hidden;
    margin: 0 auto;
}