@font-face {
    font-family: "Roboto Flex";
    src: url("/_fonts/robotoflex-logo.woff2") format("woff2");
    font-style: normal;
    font-display: block;
}

:root {
    --Black100: #030809;
    --Black44: rgba(3,8,9,.44);

    --White100: #fff;
    --White64: rgba(255,255,255,.64);
    --White32: rgba(255,255,255,.32);
    --White16: rgba(255,255,255,.16);
    --White6: rgba(255,255,255,.06);

    --Blue100: #04f;

    --BlueLight100: #06f;

    --Violet100: #8f4aff;

    --Azure100: #00c8ff;

    --Red100: #ed3a22;

    --border-radius-m: 8px;
    --border-radius-full: 99999px;

    --logo-h-max: 26.6vw;   /* line-height лого в развёрнутом состоянии */
    --logo-h-min: 6.4vw;  /* line-height лого в свёрнутом состоянии */
    --logo-scrub-range: 18.91vw; /* новая переменная: диапазон скраба */
}

::selection {
    background-color: var(--Violet100);
    color: var(--White100);
}


*, * :after, * :before {
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
    word-break: break-word;
    word-wrap: break-word;
}


body, html {
    border: none;
    margin: 0;
    will-change: height;
}

html {
    font-size: 62.5%;
    padding: 0;
    scroll-behavior: smooth;
}

body {
    background-color: var(--Black100);
    box-sizing: border-box;
    color: var(--White100);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.3rem;
    line-height: 1.7rem;
    padding: var(--logo-h-max) 0 0 0;
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1.7rem;
    margin: 0;
}

p {
    margin: 0;
    max-width: 520px;
}

.text-secondary {
    color: var(--White32);
}

.text-black44 {
    color: var(--Black44);
}

a {
    color: var(--White100);
    display: inline-block;
    text-decoration: underline;
    text-decoration-color: var(--White16);
    text-underline-offset: 0.4rem;
    transition: all .1s ease-in-out;
}
a:hover {
    text-decoration-color: var(--White64);
}

a.text-secondary {
    display: inline-flex;
}

a.text-secondary:hover {
    color: var(--White100);
}

button,
.button {
    background: var(--White6);
    border: none;
    border-radius: 100px;
    color: var(--White100);
    cursor: pointer;
    display: inline-block;
    font-family: 'Space Mono', monospace;
    font-size: 1.4rem;
    height: fit-content;
    line-height: 2rem;
    letter-spacing: .08em;
    padding: .7rem 1.2rem .9rem;
    text-transform: uppercase;
    transition: border .1s ease-in-out;
}
button:hover,
.button:hover {
    background-color: var(--White8);
}

.button-disabled {
    background: transparent;
    cursor: default;
    user-select: none;
    -webkit-user-select: none;
}
.button-disabled:hover {
    background: var(--White4);
}

.button-big {
    min-width: 22rem;
    padding: 1.7rem 3.2rem 1.7rem;
}

.button-blue {
    border: none;
    background-color: var(--Blue100);
    transition: background-color .15s ease-in-out;
}
.button-blue:hover {
    background-color: var(--BlueLight100);
}

.icon {
    display: inline-block;
}

.icon-xs {
    height: 1.2rem;
    width: 1.2rem;
}

.icon-s {
    height: 1.6rem;
    width: 1.6rem;
}


section {
    width: 100%;
}

.container {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.container .items-12 {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.container .items-2 {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.container .tags {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .6rem;
}

.tag {
    color: var(--White32);
}

.contacts-link {
    display: inline-flex;
    height: fit-content;
    width: fit-content;
}


/*  H E A D E R  */

.logo-wrapper {
    margin: 0 1.2rem;
    mix-blend-mode: difference;
    position: fixed;
    top: 0;
    width: calc(100vw - 2.4rem);
    z-index: 2;
}

.logo {
    margin: 0;
    transform-style: preserve-3d;
}

.fonts-loading .logo {
    visibility: hidden;
}

.logo-link {
    color: var(--White100);
    mix-blend-mode: difference;
    text-transform: uppercase;

    font-family: 'Roboto Flex', sans-serif;
    font-size: 31.8vw;
    font-variation-settings:'GRAD' 0,
                            'XTRA' 468,
                            'XOPQ' 96,
                            'YOPQ' 79,
                            'YTLC' 514,
                            'YTUC' 760,
                            'YTAS' 750,
                            'YTDE' -203,
                            'YTFI' 738,
                            "wght" 600,
                            "slnt" 0,
                            "wdth" 25,
                            "opsz" 144;
    line-height: 25vw;
    letter-spacing: -.002em;
    text-align: center;
    text-decoration: none;

    animation-name: squeeze;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-fill-mode: both;
    animation-play-state: paused;
    animation-delay: calc(var(--logo-progress, 0) * -1s);
    transform: translateZ(0);
    white-space: nowrap;
    will-change: font, position, translate;
    width: 100%;

    display: block;        /* высота бокса = line-height: ровно видимая полоса лого */
    position: relative;    /* якорь для ::before */
    pointer-events: none;  /* сам текст (с его раздутой хит-зоной) клики не ловит */
}
@supports (animation-timeline: scroll()) {
    .logo-link {
        animation-play-state: running;
        animation-duration: auto;
        animation-delay: 0s;
        animation-timeline: scroll(root block);
        animation-range: 0 var(--logo-scrub-range);
    }
}
.logo-link::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: auto;  /* кликается только этот прямоугольник */
}

.page-inner {
    padding-top: var(--logo-h-min);
}

.page-inner .logo-link {
    animation-timeline: auto;
    animation-duration: 1s;
    animation-play-state: paused;
    animation-delay: -1s;
}

.header-about {
    display: inline-flex;
    gap: 2.4rem;
    justify-content: space-between;
    margin-left: 1.2rem;
    margin-right: 1.2rem;
    position: relative;
    width: calc(100vw - 2.4rem);
    z-index: 3;
}

.header-contacts {
    display: inline-flex;
    gap: 1.6rem;
}

.client-link-icon {
    display: inline-block;
    flex-shrink: 0;
    height: 1.7rem;
    margin: 0 .3rem 0 0;
    max-width: 2.3rem;
    position: relative;
    top: .4rem;
    width: auto;
}

.client-link-icon-gazprom {
    width: .9rem;
}

.client-link-icon-zenith {
    width: 2.3rem;
}

.client-link-icon-cian {
    width: 1.2rem;
}

.client-link-icon-rbc {
    width: 1rem;
}

.client-link-icon-medscan {
    width: 1.2rem;
}


/*  M A I N P A G E  */

.grid-shots {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin: 8rem 1.2rem 0;
    position: relative;
    width: calc(100vw - 2.4rem);
}

.shot {
    display: flex;
    overflow: hidden;
}

.shot a {
    border-bottom: none;
    display: flex;
    position: relative;
}

.project-button {
    position: absolute;
    bottom: 3.2rem;
    right: 3.2rem;
    z-index: 2;

    overflow: hidden;
    isolation: isolate;

    border: .5px solid var(--White4);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .30),
        inset 0 -1px 0 rgba(255, 255, 255, .08);
        /*0 8px 32px rgba(3, 8, 9, .25);*/

    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0rem;
    height: 8rem;
    min-width: 8rem;
    padding: 0 2.4rem;
    border-radius: var(--border-radius-full);
    corner-shape: squircle;

    /* стартовое состояние: спрятана, чуть ниже и меньше */
    opacity: 0;
    pointer-events: none;

    /* выход из ховера: всё сворачивается быстро и без задержек */
    transition:
        opacity .18s ease,
        transform .22s ease,
        gap .25s ease;
}
.project-button::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
    pointer-events: none;
}

.project-button .project-title {
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    transform: translateX(.8rem);
    transition:
        max-width .25s ease,
        opacity .18s ease,
        transform .25s ease;
}

.button-icon {
    display: inline-block;
    width: 2.4rem;
    height: 2.4rem;
    flex-shrink: 0;
}

/* ---- ховер: этап 1 — всплывает пилюля со стрелкой ---- */
.shot > a:hover > .project-button {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
    transition:
        opacity .2s ease,
        transform .3s cubic-bezier(.34, 1.3, .5, 1),
        gap .3s cubic-bezier(.3, .8, .3, 1) .16s;
    gap: 2.4rem;
}

/* ---- этап 2 (с задержкой): пилюля растёт влево, выезжает название ---- */
.shot > a:hover > .project-button .project-title {
    max-width: 32rem;
    opacity: 1;
    transform: translateX(0);
    transition:
        max-width .3s cubic-bezier(.3, .8, .3, 1) .16s,
        opacity .22s ease .24s,
        transform .3s cubic-bezier(.3, .8, .3, 1) .16s;
}

.glass-refraction {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    display: block;
    pointer-events: none;
}

.shot img {
    align-self: start;
    height: auto;
    max-width: 100%;
    transition: all .2s ease-in-out;
    width: auto;
}
.shot > a:hover > img {
    opacity: .88;
    transform: scale(1.06);
}

.size-s {
    height: fit-content;
    width: calc((100vw - 2.4rem - 2.4rem) / 3);
}

.size-m {
    width: calc((100vw - 1.2rem - 2.4rem) / 2);
}

.size-l {
    width: calc((100vw - 1.2rem - 2.4rem) - ((100vw - 2.4rem - 2.4rem) / 3));
}

.size-xl {
    width: calc(100vw - 2.4rem);
}

/*   P R O J E C T   */

.header-project-about {
    margin: 4rem 1.2rem 0;
    display: grid;
    align-content: flex-start;
    align-items: flex-start;
    gap: 4.8rem;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.project-title {
    grid-column: 1 / 2;
    grid-row: 1;
}

.project-title h1 {
    margin: 0;
}

.project-description {
    gap: 2.4rem;
    grid-column: 2 / 4;
    grid-row: 1;
}

.highlights {
    display: flex;
    flex-direction: row;
    gap: 4.8rem;
}

.highlight {
    gap: 0;
}

.highlight .profit {
    font-size: .9rem;
    padding: 0 .4rem;
    border: .5px solid;
    border-radius: 100px;
    display: inline-block;
    margin-left: .2rem;
    position: relative;
    top: -1px;
    height: 16px;
}

.roles-product .label {
    text-decoration: none;
    position: absolute;
    margin-left: .6rem;
    padding: 0 .3rem 0 .4rem;
    border: .5px solid;
    color: var(--White32);
    border-radius: 6px;
    corner-shape: squircle;
    font-size: 1rem;
    height: 1.7rem;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.grid-project {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 1.2rem;
    margin: 8rem 1.2rem 0;
    width: calc(100vw - 2.4rem);
}

.project-items-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    position: relative;
}

.project-item {
    display: flex;
    position: relative;
}

.project-item img,
.project-items-wrapper img,
.project-item video,
.project-items-wrapper video {
    align-self: start;
    height: auto;
    max-width: 100%;
    width: auto;
}

.project-item .comment,
.project-items-wrapper .comment {
    max-width: 64rem;
    padding: 3.2rem 2.4rem 4rem;
    position: absolute;
}

.comment.comment-top-left {
    left: 0;
    top: 0;
}

.comment.comment-bottom-left {
    left: 0;
    bottom: 0;
}



/* N E X T   P R O J E C T */

.project-next {
    background-color: transparent;
    border-radius: var(--border-radius-m);
    corner-shape: squircle;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.2rem;
    margin: 20rem 1.2rem 0;
    text-decoration: none;
    transition: background-color .12s,
                padding .12s,
                margin .12s;
    transition-timing-function: ease-in-out;
    width: calc(100vw - 2.4rem);
}

.project-next:hover {
    background-color: var(--White6);
    padding: .6rem;
    cursor: pointer;
    margin: 19.4rem .6rem 0;
    width: calc(100vw - 1.2rem);
}

.project-next .info {
    display: flex;
    flex-direction: column;
    grid-column: 1 / 3;
    grid-row: 1;
    justify-content: space-between;
}

.project-next .info .top {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}

.project-next .cover {
    grid-column: 3 / 4;
    grid-row: 1;
    overflow: hidden;
}

.project-next .cover img {
    width: 100%;
    transition: all .12s ease-in-out;
}

.project-next:hover .cover img {
    transform: scale(108%);
}


/*  F O O T E R  */

footer {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 4.8rem;
    min-height: calc(100vh - 20rem);
    margin: 28rem 1.2rem 2.4rem;
    width: calc(100vw - 2.4rem);
}

.eblishe-wrapper {
    align-items: flex-end;
    grid-column: 1 / 3;
    grid-row: 2;
}

.eblishe {
    aspect-ratio: 3 / 4;
    background: var(--White16) url('./_img/eblishe.webp') 0 0 no-repeat;
    background-size: cover;
    display: block;
    max-width: 232px;
    width: 100%;
}

.footer-about {
    grid-column: 3 / 5;
    grid-row: 1;
    margin: 0;
}

.career {
    grid-column: 3 / 4;
    grid-row: 2;
}

.skills {
    grid-column: 4 / 5;
    grid-row: 2;
}

.footer-contacts {
    grid-column: 3 / 5;
    grid-row: 4;
    justify-content: flex-end;
}

.copyright {
    align-items: flex-end;
    color: var(--White32);
    display: inline-flex;
    gap: .2rem;
    grid-column: 1 / 3;
    grid-row: 4;
}

.star-copyright {
    align-items: center;
    border: 1px solid var(--White32);
    border-radius: 100px;
    display: flex;
    font-size: .8rem;
    height: 1.1rem;
    justify-content: center;
    margin-bottom: .25rem;
    transform: rotate(-15deg);
    width: 1.1rem;
}



/*   K E Y F R A M E S   */

/* squeeze: большой узкий -> маленький широкий (скролл вниз) */
@keyframes squeeze {
    0% {
        font-size: 31.8vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 468,
                                'XOPQ' 96,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 760,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 600,
                                'wdth' 25,
                                'opsz' 144;
        letter-spacing: -0.002em;
        line-height: 25vw;
        translate: 0 1.6vw;
    }
    2.5% {
        font-size: 31.2vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 468.8,
                                'XOPQ' 96.5,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 759.7,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 602.5,
                                'wdth' 25.8,
                                'opsz' 143.9;
        letter-spacing: -0.0021em;
        line-height: 24.68vw;
        translate: 0 1.48vw;
    }
    5% {
        font-size: 30.6vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 469.7,
                                'XOPQ' 97,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 759.4,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 605.1,
                                'wdth' 26.6,
                                'opsz' 143.9;
        letter-spacing: -0.0023em;
        line-height: 24.37vw;
        translate: 0 1.39vw;
    }
    7.5% {
        font-size: 30vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 470.6,
                                'XOPQ' 97.5,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 759.1,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 607.7,
                                'wdth' 27.4,
                                'opsz' 143.8;
        letter-spacing: -0.0024em;
        line-height: 24.05vw;
        translate: 0 1.27vw;
    }
    10% {
        font-size: 29.4vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 471.5,
                                'XOPQ' 98.1,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 758.7,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 610.5,
                                'wdth' 28.3,
                                'opsz' 143.7;
        letter-spacing: -0.0026em;
        line-height: 22.99vw;
        translate: 0 1.55vw;
    }
    12.5% {
        font-size: 28.8vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 472.5,
                                'XOPQ' 98.6,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 758.4,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 613.4,
                                'wdth' 29.2,
                                'opsz' 143.7;
        letter-spacing: -0.0028em;
        line-height: 22.03vw;
        translate: 0 1.76vw;
    }
    15% {
        font-size: 28.2vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 473.5,
                                'XOPQ' 99.2,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 758,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 616.4,
                                'wdth' 30.2,
                                'opsz' 143.6;
        letter-spacing: -0.0029em;
        line-height: 21.57vw;
        translate: 0 1.74vw;
    }
    17.5% {
        font-size: 27.6vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 474.6,
                                'XOPQ' 99.9,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 757.6,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 619.6,
                                'wdth' 31.2,
                                'opsz' 143.5;
        letter-spacing: -0.0031em;
        line-height: 21.11vw;
        translate: 0 1.7vw;
    }
    20% {
        font-size: 27vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 475.7,
                                'XOPQ' 100.5,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 757.2,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 622.9,
                                'wdth' 32.2,
                                'opsz' 143.4;
        letter-spacing: -0.0033em;
        line-height: 20.65vw;
        translate: 0 1.66vw;
    }
    22.5% {
        font-size: 26.4vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 476.9,
                                'XOPQ' 101.2,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 756.8,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 626.5,
                                'wdth' 33.3,
                                'opsz' 143.3;
        letter-spacing: -0.0035em;
        line-height: 20.19vw;
        translate: 0 1.62vw;
    }
    25% {
        font-size: 25.8vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 478.2,
                                'XOPQ' 102,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 756.4,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 630.2,
                                'wdth' 34.5,
                                'opsz' 143.2;
        letter-spacing: -0.0037em;
        line-height: 19.73vw;
        translate: 0 1.6vw;
    }
    27.5% {
        font-size: 25.2vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 479.5,
                                'XOPQ' 102.7,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 755.9,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 634,
                                'wdth' 35.7,
                                'opsz' 143.1;
        letter-spacing: -0.004em;
        line-height: 19.27vw;
        translate: 0 1.56vw;
    }
    30% {
        font-size: 24.59vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 480.8,
                                'XOPQ' 103.5,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 755.4,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 638.1,
                                'wdth' 37,
                                'opsz' 143;
        letter-spacing: -0.0042em;
        line-height: 18.81vw;
        translate: 0 1.52vw;
    }
    32.5% {
        font-size: 23.99vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 482.3,
                                'XOPQ' 104.4,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 754.9,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 642.3,
                                'wdth' 38.3,
                                'opsz' 142.9;
        letter-spacing: -0.0044em;
        line-height: 18.35vw;
        translate: 0 1.49vw;
    }
    35% {
        font-size: 23.39vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 483.8,
                                'XOPQ' 105.2,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 754.4,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 646.8,
                                'wdth' 39.7,
                                'opsz' 142.8;
        letter-spacing: -0.0047em;
        line-height: 17.89vw;
        translate: 0 1.45vw;
    }
    37.5% {
        font-size: 22.79vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 485.4,
                                'XOPQ' 106.2,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 753.8,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 651.6,
                                'wdth' 41.3,
                                'opsz' 142.7;
        letter-spacing: -0.005em;
        line-height: 17.43vw;
        translate: 0 1.42vw;
    }
    40% {
        font-size: 22.19vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 487.1,
                                'XOPQ' 107.2,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 753.2,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 656.7,
                                'wdth' 42.9,
                                'opsz' 142.6;
        letter-spacing: -0.0053em;
        line-height: 16.97vw;
        translate: 0 1.38vw;
    }
    42.5% {
        font-size: 21.59vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 488.9,
                                'XOPQ' 108.2,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 752.6,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 662,
                                'wdth' 44.5,
                                'opsz' 142.5;
        letter-spacing: -0.0056em;
        line-height: 16.51vw;
        translate: 0 1.35vw;
    }
    45% {
        font-size: 20.99vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 490.8,
                                'XOPQ' 109.4,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 751.9,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 667.6,
                                'wdth' 46.3,
                                'opsz' 142.3;
        letter-spacing: -0.0059em;
        line-height: 16.05vw;
        translate: 0 1.31vw;
    }
    47.5% {
        font-size: 20.39vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 492.9,
                                'XOPQ' 110.5,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 751.2,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 673.7,
                                'wdth' 48.2,
                                'opsz' 142.2;
        letter-spacing: -0.0062em;
        line-height: 15.59vw;
        translate: 0 1.28vw;
    }
    50% {
        font-size: 19.8vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 495,
                                'XOPQ' 111.8,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 750.4,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 680,
                                'wdth' 50.2,
                                'opsz' 142;
        letter-spacing: -0.0066em;
        line-height: 15.14vw;
        translate: 0 1.24vw;
    }
    52.5% {
        font-size: 19.2vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 497.3,
                                'XOPQ' 113.2,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 749.6,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 686.8,
                                'wdth' 52.4,
                                'opsz' 141.8;
        letter-spacing: -0.007em;
        line-height: 14.68vw;
        translate: 0 1.21vw;
    }
    55% {
        font-size: 18.6vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 499.8,
                                'XOPQ' 114.6,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 748.7,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 694.1,
                                'wdth' 54.6,
                                'opsz' 141.6;
        letter-spacing: -0.0074em;
        line-height: 14.23vw;
        translate: 0 1.17vw;
    }
    57.5% {
        font-size: 18vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 502.4,
                                'XOPQ' 116.1,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 747.8,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 702,
                                'wdth' 57.1,
                                'opsz' 141.4;
        letter-spacing: -0.0079em;
        line-height: 13.77vw;
        translate: 0 1.13vw;
    }
    60% {
        font-size: 17.4vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 505.3,
                                'XOPQ' 117.8,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 746.7,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 710.5,
                                'wdth' 59.8,
                                'opsz' 141.2;
        letter-spacing: -0.0084em;
        line-height: 13.31vw;
        translate: 0 1.1vw;
    }
    62.5% {
        font-size: 16.8vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 508.4,
                                'XOPQ' 119.6,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 745.6,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 719.7,
                                'wdth' 62.7,
                                'opsz' 141;
        letter-spacing: -0.0089em;
        line-height: 12.85vw;
        translate: 0 1.06vw;
    }
    65% {
        font-size: 16.2vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 511.8,
                                'XOPQ' 121.6,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 744.4,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 729.7,
                                'wdth' 65.8,
                                'opsz' 140.8;
        letter-spacing: -0.0095em;
        line-height: 12.39vw;
        translate: 0 1.02vw;
    }
    67.5% {
        font-size: 15.61vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 515.3,
                                'XOPQ' 123.7,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 743.2,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 740.3,
                                'wdth' 69.2,
                                'opsz' 140.5;
        letter-spacing: -0.0101em;
        line-height: 11.93vw;
        translate: 0 0.99vw;
    }
    70% {
        font-size: 15.02vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 519.2,
                                'XOPQ' 126,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 741.8,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 751.8,
                                'wdth' 72.8,
                                'opsz' 140.2;
        letter-spacing: -0.0107em;
        line-height: 11.48vw;
        translate: 0 0.95vw;
    }
    72.5% {
        font-size: 14.43vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 523.5,
                                'XOPQ' 128.5,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 740.3,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 764.4,
                                'wdth' 76.8,
                                'opsz' 139.9;
        letter-spacing: -0.0115em;
        line-height: 11.03vw;
        translate: 0 0.91vw;
    }
    75% {
        font-size: 13.84vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 528.2,
                                'XOPQ' 131.2,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 738.6,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 778.3,
                                'wdth' 81.2,
                                'opsz' 139.5;
        letter-spacing: -0.0123em;
        line-height: 10.58vw;
        translate: 0 0.88vw;
    }
    77.5% {
        font-size: 13.24vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 533.4,
                                'XOPQ' 134.3,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 736.8,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 793.7,
                                'wdth' 86,
                                'opsz' 139.2;
        letter-spacing: -0.0131em;
        line-height: 10.12vw;
        translate: 0 0.84vw;
    }
    80% {
        font-size: 12.64vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 539.2,
                                'XOPQ' 137.7,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 734.7,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 811,
                                'wdth' 91.5,
                                'opsz' 138.7;
        letter-spacing: -0.0141em;
        line-height: 9.66vw;
        translate: 0 0.8vw;
    }
    82.5% {
        font-size: 12.04vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 545.7,
                                'XOPQ' 141.5,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 732.4,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 830.3,
                                'wdth' 97.6,
                                'opsz' 138.2;
        letter-spacing: -0.0152em;
        line-height: 9.2vw;
        translate: 0 0.76vw;
    }
    85% {
        font-size: 11.43vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 551.8,
                                'XOPQ' 145.1,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 730.2,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 848.4,
                                'wdth' 103.2,
                                'opsz' 137.8;
        letter-spacing: -0.0163em;
        line-height: 8.74vw;
        translate: 0 0.72vw;
    }
    87.5% {
        font-size: 10.83vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 557.9,
                                'XOPQ' 148.6,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 728.1,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 866.2,
                                'wdth' 108.9,
                                'opsz' 137.3;
        letter-spacing: -0.0173em;
        line-height: 8.31vw;
        translate: 0 0.68vw;
    }
    90% {
        font-size: 10.22vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 564.7,
                                'XOPQ' 152.6,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 725.6,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 886.5,
                                'wdth' 115.2,
                                'opsz' 136.8;
        letter-spacing: -0.0185em;
        line-height: 7.93vw;
        translate: 0 0.61vw;
    }
    92.5% {
        font-size: 9.61vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 572.4,
                                'XOPQ' 157.1,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 722.9,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 909.3,
                                'wdth' 122.4,
                                'opsz' 136.3;
        letter-spacing: -0.0198em;
        line-height: 7.55vw;
        translate: 0 0.54vw;
    }
    95% {
        font-size: 9vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 581.2,
                                'XOPQ' 162.2,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 719.8,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 935.3,
                                'wdth' 130.6,
                                'opsz' 135.6;
        letter-spacing: -0.0213em;
        line-height: 7.16vw;
        translate: 0 0.47vw;
    }
    97.5% {
        font-size: 8.39vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 591.3,
                                'XOPQ' 168.1,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 716.2,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 965.2,
                                'wdth' 140,
                                'opsz' 134.9;
        letter-spacing: -0.023em;
        line-height: 6.78vw;
        translate: 0 0.4vw;
    }
    100% {
        font-size: 7.78vw;
        font-variation-settings:'GRAD' 0,
                                'slnt' 0,
                                'XTRA' 603,
                                'XOPQ' 175,
                                'YOPQ' 79,
                                'YTLC' 514,
                                'YTUC' 712,
                                'YTAS' 750,
                                'YTDE' -203,
                                'YTFI' 738,
                                'wght' 1000,
                                'wdth' 151,
                                'opsz' 134;
        letter-spacing: -0.025em;
        line-height: 6.4vw;
        translate: 0 0.33vw;
    }
}

@media (max-width: 500px) {
    .header-about {
        flex-direction: column;
    }

    .grid-shots {
        display: flex;
        flex-direction: column;
    }

    .shot-s {
        width: 100%;
    }

    .shot-m {
        width: 100%;
    }

    .shot-l {
        width: 100%;
    }

    .shot-xl {
        width: 100%;
    }

    footer {
        grid-template-columns: repeat(3, 1fr);
        column-gap: 1.6rem;
        margin-top: 16rem;
        row-gap: 3.2rem;
    }

    .eblishe-wrapper {
        grid-column: 3 / 4;
        grid-row: 1;
    }

    .footer-about {
        grid-column: 1 / 3;
    }

    .career {
        grid-column: 1 / 3;
    }

    .skills {
        grid-column: 3 / 4;
    }

    .footer-contacts {
        grid-column: 1 / 3;
        grid-row: 3;
    }

    .copyright {
        grid-column: 3 / 4;
        grid-row: 3;
    }
}