@import"https://fonts.googleapis.com/css2?family=Cascadia+Code:wght@200..700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}menu,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{background-color:var(--color-black);min-width:320px}#app{width:100%;max-width:1710px;flex-direction:column;align-items:center;padding:calc(var(--gap) * 200 / 24) 12px calc(var(--gap) * 300 / 24);box-sizing:border-box;font-family:Cascadia Code,sans-serif;font-optical-sizing:auto;font-style:normal;display:grid;grid-template-columns:repeat(12,1fr);row-gap:calc(var(--gap) * 100 / 24);column-gap:var(--gap);margin:0 auto}.section{grid-column-start:2;grid-column-end:12}.section__title{color:var(--color-white);font-size:var(--h1-font-size);font-weight:400;line-height:100%}.section__subtitle{color:var(--color-white);font-size:var(--text-font-size);font-weight:400;line-height:100%;opacity:.8}.card-title{color:var(--color-white);font-size:16px;font-weight:400;line-height:100%}.card{background:var(--color-grey-200);border-radius:20px;padding:24px;box-sizing:border-box}.card_placeholder{animation:card-blinking 1s linear 0s infinite alternate-reverse none}@keyframes card-blinking{0%{opacity:.1}to{opacity:1}}.icon-arrow{width:48px;height:48px;border-radius:100%;background:url(/icons/arrow.svg) no-repeat center/24px 24px;outline:1px solid color-mix(in srgb,var(--color-white) 10%,var(--color-white) 10%);outline-offset:-1px}.text-spaced{letter-spacing:.1em}.text-crossed{text-decoration:line-through;text-decoration-color:var(--color-red)}a{text-decoration:none}@media(max-width:1362.5px){.section{grid-column-start:1;grid-column-end:13}.icon-arrow{width:44px;height:44px}}@media(max-width:667.5px){.icon-arrow{width:40px;height:40px}}:root{--color-black: #121213;--color-grey-200: #1f1f20;--color-grey-100: #575759;--color-white: #f1f1f4;--color-red: #e15e42;--color-yellow: #ffc700;--color-green: #15ad70;--gap: 24px;--h1-font-size: 60px;--text-font-size: 24px}@media(max-width:1362.5px){:root{--text-font-size: 20px;--gap: 16px;--h1-font-size: 44px}}@media(max-width:667.5px){:root{--text-font-size: 16px;--gap: 8px;--h1-font-size: max( 24px, calc((100dvw - 56px)/5 - 48px) )}}.stack{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap);grid-auto-rows:1fr}.stack__item{aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:space-between;align-items:center;grid-column:span 1;grid-row:span 1;overflow:hidden}.stack__item:first-child{position:relative;grid-column:span 3;grid-row:span 1;aspect-ratio:unset;align-items:flex-start}.stack__item:nth-child(5),.stack__item:nth-child(20n){grid-column:span 2;grid-row:span 2}.stack__item:nth-child(6),.stack__item:nth-child(21n){grid-column:span 2;grid-row:span 1;aspect-ratio:unset}.stack__item:nth-child(12),.stack__item:nth-child(27n){grid-column:span 3;grid-row:span 2;aspect-ratio:unset}.stack__item:nth-child(15n){grid-column:span 2;grid-row:span 1;aspect-ratio:unset}.stack__img-wrapper{flex:1;width:100%;display:flex;justify-content:center;align-items:center}.stack__img{height:calc((100% + 16px) / 3)}.stack__item-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:667.5px){.stack__item{padding:0}.stack__item-title,.stack__subtitle{display:none}.stack__title{position:absolute;left:24px;top:50%;transform:translateY(-50%)}}.footer{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap)}.footer__link{aspect-ratio:1/1;padding:24px;box-sizing:border-box;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:inset 1000px 1000px transparent;transition:box-shadow .2s ease-in-out}.footer__link:hover{box-shadow:inset 1000px 1000px var(--color-grey-100)}.footer__link:hover .footer__arrow{transform:rotate(45deg)}.footer__link_linkedin{background:#007ebb}.footer__link_instagram{background:radial-gradient(92.18% 99.11% at 26.56% 107.7%,#fd5 0% 10%,#ff543e 50%,#c837ab),radial-gradient(182.61% 44.3% at -16.75% 7.2%,#3771c8 0% 12.8%,#60f0)}.footer__link_telegram{background:linear-gradient(0deg,#1d93d2,#38b0e3)}.footer__link_hh{background:#d71920}.footer__link_habr{background:#629fbc}.footer__link_github{background:#5c6bc0}.footer__arrow{align-self:flex-end;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.footer__img-wrapper{flex:1}.footer__img{height:calc(100% - var(--gap))}@media(max-width:1362.5px){.footer{grid-template-columns:repeat(3,1fr)}}@media(max-width:667.5px){.footer{grid-template-columns:repeat(2,1fr)}}.projects{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:var(--gap)}.projects__item{aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:space-between;gap:24px;grid-column:span 1;grid-row:span 1;cursor:pointer;transition:background .2s ease-in-out}.projects__item:hover{background:var(--color-grey-100)}.projects__item:hover .projects__arrow{transform:rotate(45deg)}.projects__item:nth-child(2){grid-column:span 2;grid-row:span 2}.projects__video{width:100%;height:100%;object-fit:cover}.projects__video-wrapper{flex:1;overflow:hidden;border-radius:10px}.projects__btm{display:flex;justify-content:space-between;align-items:flex-end}.projects__url{text-align:right;background:radial-gradient(circle at 8px 8px,var(--color-red) 8px,transparent 8px),radial-gradient(circle at 32px 8px,var(--color-yellow) 8px,transparent 8px),radial-gradient(circle at 56px 8px,var(--color-green) 8px,transparent 8px)}.projects__item-title{color:var(--color-white);font-size:var(--text-font-size);font-weight:400;line-height:100%;opacity:.8}.projects__item-subtitle{color:var(--color-white);font-size:16px;font-weight:400;line-height:100%;opacity:.5}.projects__info{display:flex;flex-direction:column;gap:8px}.projects__arrow{flex-shrink:0;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.projects__git-text{color:var(--color-white);font-size:var(--text-font-size);font-weight:400;line-height:100%;opacity:.8}@media(max-width:1362.5px){.projects{grid-template-columns:repeat(2,1fr)}.projects__item:nth-child(1){order:-3}.projects__item:nth-child(2){order:-1}.projects__item:nth-child(3){order:-2}}@media(max-width:667.5px){.projects{grid-template-columns:repeat(1,1fr)}.projects__item:nth-child(2){grid-column:span 1;grid-row:span 1}}.hero{display:grid;grid-auto-rows:1fr;gap:var(--gap);grid-template-columns:repeat(4,1fr);grid-template-areas:"left age age city" "left age age city" "left photo status city" "left photo languages city"}.hero__left{display:flex;flex-direction:column;gap:var(--gap);grid-area:left}.hero__hi{flex:1;display:flex;flex-direction:column;justify-content:space-between}.hero__title{font-weight:700}.hero__education{background:url(/hero/tgik.webp) no-repeat center/cover;outline:8px solid var(--color-grey-200);outline-offset:-8px;display:flex;flex-direction:column;gap:16px}.hero__education-info{text-align:right;display:flex;flex-direction:column;gap:8px}.hero__education-text{color:var(--color-white);font-size:16px;font-weight:400;line-height:100%;opacity:.5}.hero__age{grid-area:age;position:relative}.hero__age-num{color:var(--color-white);font-size:min(((100dvw - 12px - 12px - var(--gap) * 11) / 12 * 10 + var(--gap) * 9 - var(--gap) * 3) / 4 - 48px,((1686px - var(--gap) * 11) / 12 * 10 + var(--gap) * 9 - var(--gap) * 3) / 4 - 48px);font-weight:250;line-height:100%;opacity:.2;position:absolute;right:24px;top:50%;transform:translateY(-50%)}.hero__city{grid-area:city;background:url(/hero/map.webp) no-repeat center/cover;outline:8px solid var(--color-grey-200);outline-offset:-8px}.hero__photo{grid-area:photo;aspect-ratio:1/1;font-size:0}.hero__me{width:100%;border-radius:100%}.hero__status{grid-area:status;position:relative}.hero__status-img{height:calc(100% - 48px);position:absolute;top:24px;right:24px;animation:status-rotation 10s linear 0s infinite normal none}@keyframes status-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero__languages{grid-area:languages;position:relative}.hero__languages-chart{position:absolute;left:24px;top:24px;width:calc(100% - 48px);height:calc(100% - 48px);display:flex;align-items:flex-end}.hero__languages-col{flex:1;background:var(--color-grey-100);border-radius:10px;display:flex;justify-content:center;align-items:center}.hero__languages-col_ge{height:33.3333333333%;background:var(--color-red)}.hero__languages-col_en{height:66.6666666667%;background:var(--color-yellow)}.hero__languages-col_ru{height:100%;background:var(--color-green)}.hero__languages-text{color:var(--color-black);font-size:16px;font-weight:400;line-height:100%}.hero__languages-text_ge{opacity:.2}.hero__languages-text_en{opacity:.5}.hero__languages-text_ru{opacity:.8}@media(max-width:1362.5px){.hero{grid-template-columns:repeat(3,1fr);grid-template-areas:"left age age" "left age age" "left photo status" "left photo languages" "city city city" "city city city"}.hero__age-num{font-size:calc((100dvw - 12px - 12px - var(--gap) * 2) / 3 - 48px)}}@media(max-width:667.5px){.hero{grid-template-columns:repeat(1,1fr);grid-auto-rows:unset;grid-auto-columns:1fr;grid-template-areas:"left left" "age age" "photo status" "languages languages" "city city"}.hero__hi{aspect-ratio:1/1}.hero__age,.hero__languages,.hero__city{height:calc((100dvw - 32px)/2)}.hero__age-num{font-size:calc((100dvw - 32px)/2 - 48px)}}