@-webkit-keyframes opacity-0-to-1{0%{opacity:0}100%{opacity:1}}@keyframes opacity-0-to-1{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity-1-to-0{0%{opacity:1}100%{opacity:0}}@keyframes opacity-1-to-0{0%{opacity:1}100%{opacity:0}}.main{height:46.875vw;max-height:calc(100vh - var(--gap) * 2);position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;margin-top:var(--gap)}.main__bg{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0;z-index:-1;border-radius:1.04167vw}.main__text{max-width:30.72917vw;font-size:1.04167vw}.main__button{width:auto;display:grid;grid-template-columns:auto 1fr;text-align:left;gap:0.20833vw 1.14583vw;line-height:1;border-radius:5.15625vw;border:1px solid rgba(255,255,255,0.2);background:rgba(0,0,0,0.2);backdrop-filter:blur(0.26042vw);padding:0.9375vw}.main__button-control{width:2.60417vw;height:2.60417vw;position:relative;grid-row:span 2;font-size:0.78125vw;border-radius:50%;background:rgba(255,255,255,0.2);backdrop-filter:blur(0.26042vw)}.main__button-progress{--size: 2.60417vw;--stroke: 0.13021vw;--dur: 51s;--two-pi: 6.283185307179586;--viewbox: 100;--r-vb: 45;width:var(--size);height:var(--size);position:absolute;inset:0;rotate:0 0 1 -90deg}.main__button-progress-bar{fill:none;opacity:0.6;stroke:white;stroke-width:var(--stroke);stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:calc(var(--two-pi) * var(--r-vb) * (var(--size) / var(--viewbox)));stroke-dashoffset:calc(var(--two-pi) * var(--r-vb) * (var(--size) / var(--viewbox)));-webkit-animation:main__button-progress-bar var(--dur) linear infinite;animation:main__button-progress-bar var(--dur) linear infinite}.main__button-icon_stop{position:absolute;left:-520.78125vw;opacity:0}.main__button-title{font-size:1.04167vw;margin-right:0.72917vw}.main__button-time{opacity:0.5;font-size:0.83333vw}.main__button:hover .main__button-icon_play{position:absolute;left:-520.78125vw;opacity:0}.main__button:hover .main__button-icon_stop{position:static;opacity:1}@-webkit-keyframes main__button-progress-bar{to{stroke-dashoffset:0}}@keyframes main__button-progress-bar{to{stroke-dashoffset:0}}.projects{padding-top:4.16667vw}.projects__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.08333vw}.projects__filter{display:flex;color:rgba(255,255,255,0.6);font-size:1.04167vw}.projects__filter-button{width:auto;min-height:2.29167vw;flex-grow:0;padding-inline:1.5625vw}.projects__filter-button_active,.projects__filter-button:hover{background:rgba(255,255,255,0.1)}.projects__cards{display:grid;grid-template-columns:repeat(4, 1fr);gap:0.52083vw}.projects__card{height:26.04167vw;overflow:hidden;grid-column:span 2;position:absolute;left:-520.78125vw;opacity:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr;color:white;font-size:1.04167vw;border-radius:1.04167vw;padding:var(--padding);transition:opacity 0.3s;cursor:url("../img/icon/cursor-play-f5e1b017ed.svg") 50 50,auto}.projects__card-button{width:5.20833vw;height:5.20833vw;position:absolute;top:30%;left:78%;z-index:2;opacity:0;font-size:1.61458vw;background:rgba(0,0,0,0.3);backdrop-filter:blur(0.52083vw)}.projects__card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0;z-index:-1}.projects__card-player{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;inset:0;z-index:-1;opacity:0;transition:0.3s}.projects__card-date{max-width:5.3125vw;gap:0.52083vw;opacity:0;font-size:0.83333vw;background:rgba(0,0,0,0.2);backdrop-filter:blur(0.26042vw);padding:0.52083vw 1.04167vw;margin-bottom:auto;transition:0.3s}.projects__card-date:before{content:'';width:0.625vw;height:0.625vw;border-radius:50%;background:var(--red)}.projects__card-name{grid-column:span 2;align-self:end;margin-top:auto}.projects__card-categories{opacity:0.4;align-self:end}.projects__card-time{align-self:end}:nth-child(8n+1 of .projects__card_active),:nth-child(8n+6 of .projects__card_active){grid-column:span 1}:nth-child(8n+2 of .projects__card_active),:nth-child(8n+5 of .projects__card_active){grid-column:span 3}.projects__card_active{position:static;opacity:1;position:relative;left:0}.projects__card[data-more-hidden]{position:absolute;left:-520.78125vw;opacity:0}.projects__card:hover .projects__card-button{-webkit-animation:projects__card-button_pulse 1s ease-out 0.1s infinite alternate, projects__card-button_move 6.6s ease-out 0.1s forwards;animation:projects__card-button_pulse 1s ease-out 0.1s infinite alternate, projects__card-button_move 6.6s ease-out 0.1s forwards}.projects__card:hover .projects__card-player{opacity:1}.projects__card:hover .projects__card-date{opacity:1}.projects__card:hover .projects__card-date:before{-webkit-animation:opacity-1-to-0 1s infinite both alternate;animation:opacity-1-to-0 1s infinite both alternate}.projects__button-more{width:auto;min-height:2.29167vw;display:flex;font-size:1.04167vw;background:rgba(255,255,255,0.1);padding-inline:1.5625vw;margin:2.08333vw auto 0}.projects__button-more:hover{color:var(--black);background:white}@-webkit-keyframes projects__card-button_pulse{100%{scale:0.9 0.9 0.9}}@keyframes projects__card-button_pulse{100%{scale:0.9 0.9 0.9}}@-webkit-keyframes projects__card-button_move{17%{opacity:1}50%{top:30%;left:50%}100%{top:94%;left:20%;opacity:1}}@keyframes projects__card-button_move{17%{opacity:1}50%{top:30%;left:50%}100%{top:94%;left:20%;opacity:1}}.about{display:grid;grid-template-columns:6fr 3fr 3fr;gap:0 var(--gap);font-size:1.04167vw;padding-block:4.58333vw 1.04167vw}.about__text{grid-column:span 2;padding-right:1.04167vw;margin-bottom:3.28125vw}.about__contacts{grid-column:span 3;display:grid;grid-template-columns:6fr 3fr 3fr;grid-template-rows:auto auto;grid-auto-flow:column;gap:0.625vw var(--gap);margin-bottom:1.51042vw}.about__contacts-group_last{grid-row:2;display:flex;gap:1.51042vw;justify-content:flex-end;padding-right:0.52083vw}.about__meta{align-self:center}.about .link-hover{transition:0.3s;opacity:0.5}.about .link-hover:hover{opacity:1}.about__button{width:auto;min-height:2.29167vw;color:#808080;padding-inline:1.04167vw 0.52083vw;margin-left:auto}.about__button:hover{color:white;background:rgba(255,255,255,0.1)}.popup-projects .popup__inner{max-height:100%;overflow:clip}.popup-projects .popup__content{height:100%;flex-direction:row;gap:var(--gap);padding-block:1.5625vw 0}.popup-projects__button-back{justify-content:flex-start;color:var(--gray);font-size:1.04167vw;line-height:1;padding:0.98958vw 0 1.30208vw}.popup-projects__button-back .icon-back{order:-1;font-size:0.83333vw}.popup-projects__content{flex:0 0 69.27083vw}.popup-projects__content-player{width:100%;min-height:38.95833vw;border-radius:1.04167vw;margin-bottom:1.5625vw}.popup-projects__content-player[src=""],.popup-projects__content-player:not([src]){display:none}.popup-projects__content-name{font-size:2.08333vw;margin-bottom:0.52083vw}.popup-projects__content-info{color:var(--gray);font-size:1.04167vw;margin-bottom:2.08333vw}.popup-projects__content-desc{font-size:1.04167vw;padding-bottom:1.19792vw}.popup-projects__cards{height:100%;display:flex;flex-direction:column}.popup-projects__cards-title{font-size:2.08333vw;margin-bottom:1.04167vw}.popup-projects__cards-list{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:0.52083vw;padding:0 0.625vw 0.52083vw 0.3125vw}.popup-projects__card{display:grid;grid-template-columns:8.75vw 1fr 2.55208vw;align-items:center;gap:0.52083vw 1.5625vw;cursor:pointer;border-radius:1.25vw;padding-right:0.20833vw;transition:0.3s}.popup-projects__card-image{width:8.75vw;height:5.83333vw;overflow:clip;grid-row:span 2;display:flex;justify-content:center;align-items:center;border-radius:1.04167vw}.popup-projects__card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.popup-projects__card-name{font-size:1.04167vw;margin:auto -1.04167vw 0 0}.popup-projects__card-info{font-size:0.72917vw;opacity:0.4;margin-bottom:auto}.popup-projects__card-controls{grid-row:span 2;margin-left:auto}.popup-projects__card-button{width:2.55208vw;height:2.55208vw;font-size:0.78125vw;border-radius:50%;background:rgba(255,255,255,0.2)}.popup-projects__card-button_stop{position:absolute;left:-520.78125vw;opacity:0}.popup-projects__card:hover,.popup-projects__card_selected{background:rgba(255,255,255,0.1);box-shadow:0 0 0 0.3125vw rgba(255,255,255,0.1)}.popup-projects__card_selected .popup-projects__card-button_play{position:absolute;left:-520.78125vw;opacity:0}.popup-projects__card_selected .popup-projects__card-button_stop{position:static;opacity:1}