[data-visible-for='mobile'] {
    display: block;
}
[data-visible-for='desktop'] {
    display: none;
}

@media screen and (max-width: 1024px) and (pointer: coarse) {
    [data-visible-for='mobile'] {
        display: block;
    }
    [data-visible-for='desktop'] {
        display: none;
    }
}

.person-card__photo span {
    mix-blend-mode: normal;
}

.fixed-btn__button {
    background: #dbdbdb;
}

@media screen and (max-width: 767px) {
    .person-card__photo span {
        font-size: Min(2.75rem, 11.73vw);
    }

    .about__title {
        font-size: Min(5.25rem, 22.4vw);
    }

    .btn-gif {
        font-size: Min(1.875rem, 8vw);
        padding: Min(2.5rem, 10.66vw) Min(1.25rem, 5.33vw);
    }

    .programm-box__action,
    .programm-box__content {
        padding-inline: Min(1.25rem, 5.33vw) Min(0.625rem, 2.6vw);
    }
}

@media only screen and (min-width: 48em) {
    .person-card__photo span {
        font-size: 3.5rem;
    }
}

@media only screen and (min-width: 768px) {
    .header-fixed {
        background: #dbdbdb;
    }
}

@media only screen and (min-width: 80em) {
    .programm-list {
        grid-template-columns: repeat(3, 22.5rem);
        column-gap: 4rem;
    }

    .programm-list__item__title {
        font-size: 1.5rem;
        line-height: 1.1;
    }
}
