/* ===== Header ===== */
.site-header .container{
    padding: var(--space-xs) var(--space-md);
    max-width: 100%;
}
.site-header .custom-logo {
    max-width: 250px;
    max-height: 65px;
}
.site-navigation a {
    color: var(--color-text-secondary);
}


/** Site Menu  **/
.site-navigation ul.menu li:hover a{
    background-color: var(--color-light-border);
    border-color: var(--color-light-border);
    border-radius: 4px;
    box-shadow: var(--shadow-menu-link);
    color: var(--color-primary);
    transform: translateY(-2px);
}
.site-navigation ul.menu li.current-menu-item a {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    border-radius: 4px;
    box-shadow: var(--shadow-menu-link);
    color: #fff;
    transform: translateY(0);
}
.site-navigation ul.menu li a {
    font-family: var(--font-heading);
    font-weight: 500;
    padding: var(--space-xs) var(--space-md);
    transition: all .4s ease-in-out;
    border: 1px solid transparent;
}
.site-navigation ul.menu {
    gap: 0 var(--space-xs);
}


#portfolio-section { max-width: 1200px; margin: auto; }
.portfolio-grid { display: flex; flex-wrap: wrap; gap: 20px; }
.portfolio-item { width: calc(33.33% - 20px); text-align: center; }
.portfolio-item img { width: 100%; height: auto; border-radius: 8px; }
.portfolio-page-links { margin-top: 20px; }
.portfolio-page-links button { margin: 0 5px; padding: 5px 10px; cursor: pointer; }