.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
}
.serif-tight { font-family: 'Noto Serif'; letter-spacing: -0.02em; }
.manrope-geo { font-family: 'Manrope'; }
.gold-gradient { background: linear-gradient(135deg, #775a19 0%, #c5a059 100%); }

body {
    min-height: max(884px, 100dvh);
}

.portfolio-container {
    position: relative;
}

.portfolio-track {
    will-change: transform;
}

.portfolio-track > article {
    min-width: 100%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.portfolio-track > article:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

@media (min-width: 768px) {
    .portfolio-track > article {
        min-width: 50%;
    }
}

@media (min-width: 1024px) {
    .portfolio-track > article {
        min-width: 33.3333%;
    }
}