.portfolio-hero {
    background:
        linear-gradient(150deg, rgba(247, 227, 201, 0.95) 0%, rgba(223, 176, 132, 0.8) 48%, rgba(185, 106, 69, 0.75) 100%),
        radial-gradient(600px 220px at 80% 10%, rgba(95, 15, 24, 0.2), transparent 60%);
    border: 1px solid rgba(95, 15, 24, 0.18);
}

.portfolio-card {
    background: rgba(245, 233, 220, 0.9);
    border: 1px solid rgba(95, 15, 24, 0.14);
    box-shadow: 0 10px 24px -16px rgba(70, 38, 22, 0.45);
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.portfolio-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px -16px rgba(70, 38, 22, 0.55);
}

.portfolio-card-featured {
    border-color: rgba(95, 15, 24, 0.25);
    box-shadow: 0 14px 34px -16px rgba(70, 38, 22, 0.6);
}

.portfolio-card-muted {
    background: rgba(245, 233, 220, 0.58);
    border-color: rgba(95, 15, 24, 0.08);
    box-shadow: 0 8px 18px -16px rgba(70, 38, 22, 0.38);
}