/* Стили страницы портфолио.
   Шапка вынесена из hero, поэтому переопределяем её под светлую страницу:
   обычная (не fixed) тёмная полоса + локально объявленные CSS-переменные,
   которые раньше жили на .ifrog-hero. */
.ifrog-hero__header {
    --green: #8fe441;
    --ink: #fff;
    --muted: #cfe0d4;
    position: relative;
    z-index: 20;
    background: #0f1a13;
    color: var(--ink);
    /* тот же шрифт, что и в шапке на главной (.ifrog-hero), чтобы совпадала толщина текста */
    font-family: "Manrope", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    padding-top: clamp(14px, 2vw, 20px);
    padding-bottom: clamp(14px, 2vw, 20px);
}

/* Сброс дефолтных стилей ссылок (на главной он даёт .ifrog-hero a) */
.ifrog-hero__header a {
    text-decoration: none;
    color: inherit;
}
/* Подчёркивание только при наведении */
.ifrog-hero__nav a:hover,
.ifrog-hero__header .ifrog-hero__phone:hover {
    text-decoration: underline;
}
/* Телефон — белый, без синевы дефолтной ссылки */
.ifrog-hero__header .ifrog-hero__phone {
    color: var(--ink);
}

/* Изображение лягушки слева от логотипа */
.ifrog-hero__logo {
    align-items: center;
    gap: 10px;
}
.ifrog-hero__logo-pic {
    display: block;
    height: 40px;
    width: auto;
}

/* Отступ блока портфолио на этой странице (модификатор вместо правки общего div.portfolio) */
.portfolio.portfolio_page {
    padding: 100px 0;
}