/*
Theme Name: Designer Portfolio Minimalist
Author: EVK Design
Version: 1.1
*/

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    color: #1a1a1a;
    background-color: #ffffff;
    margin: 0;
    -webkit-font-smoothing: antialiased;
}

.container { max-width: 1320px; margin: 0 auto; padding: 0 40px; }

/* Навигация */
.site-header { padding: 40px 0; display: flex; justify-content: space-between; align-items: center; }
.logo a { font-size: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; text-decoration: none; color: #000; }
.nav-list { display: flex; list-style: none; gap: 30px; margin: 0; padding: 0; }
.nav-list a { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; color: #1a1a1a; }

/* Сетка портфолио */
.portfolio-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-top: 40px; }
.portfolio-item { opacity: 0; transform: translateY(20px); transition: all 0.6s ease; text-decoration: none; color: #000; }
.portfolio-item.is-visible { opacity: 1; transform: translateY(0); }
.thumbnail-wrapper { background: #f9f9f9; overflow: hidden; aspect-ratio: 4/3; }
.thumbnail-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: 0.6s; }
.portfolio-item:hover img { transform: scale(1.05); }

/* Футер */
.site-footer { background-color: #191919; color: #ffffff; padding: 30px 0; margin-top: 100px; }
.footer-inner { display: flex; justify-content: space-between; align-items: center; }
.footer-right { display: flex; align-items: center; }
.footer-link-icon { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 13px; text-decoration: none; }
.footer-divider { width: 1px; height: 14px; background-color: #444; margin: 0 20px; }

@media (max-width: 768px) {
    .portfolio-grid { grid-template-columns: 1fr; }
    .footer-inner { flex-direction: column; gap: 20px; }
    .footer-divider { display: none; }
}