@font-face{font-family:SF Pro Display;src:local("SF Pro Display"),url(/fonts/SF-Pro-Display-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:local("SF Pro Display"),url(/fonts/SF-Pro-Display-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:local("SF Pro Display"),url(/fonts/SF-Pro-Display-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:ZT Neue Ralewe;src:local("ZT Neue Ralewe"),url(/fonts/ZT-Neue-Ralewe-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--color--background: #ffffff;--color--background-secondary: #f2f2f2;--color--text: #0c0c0c;--color--text-secondary: #666666;--color--accent: rgba(0, 72, 255, .8);--border--base: 1px solid color-mix(in hsl, var(--color--text) 20%, transparent 80%);--body--inline-padding: max(1rem, min(5vw, 2rem));--body--block-padding: max(2rem, min(10vw, 4rem));--body--max-inline-size: 75rem}.link{outline:2px solid transparent;outline-offset:2px}.link:focus-visible{transition-property:outline-color,outline-offset;transition-duration:.3s;transition-timing-function:ease;outline-color:currentColor;outline-offset:0}.link.link--icon{color:inherit;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;border-radius:.25em}.link.link--icon:after{content:"";display:inline-block;inline-size:1em;block-size:1em;-webkit-mask-image:url(#icon-link);mask-image:url(#icon-link);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:currentColor;margin-inline-start:auto}.body{font-family:SF Pro Display,sans-serif;line-height:1.4;color:#0c0c0c;color:var(--color--text);background-color:#fff;background-color:var(--color--background);margin:0 auto;max-width:75rem;max-width:var(--body--max-inline-size);padding-inline:max(1rem,min(5vw,2rem));padding-inline:var(--body--inline-padding);padding-block:max(2rem,min(10vw,4rem));padding-block:var(--body--block-padding)}.main{display:grid;grid-template-columns:1fr 1.62fr}@media (max-width: 65rem){.main{grid-template-columns:1fr 2.5fr}}.main{gap:3.5rem;margin-inline:auto}.section{grid-column:2 span;display:grid;grid-template-areas:"heading decoration" "heading content";grid-template-columns:subgrid;grid-row-gap:.5rem;row-gap:.5rem}@media (max-width: 47.5rem){.section{display:-webkit-box;display:-ms-flexbox;display:flex;flex-direction:column;grid-template-areas:unset;row-gap:1.5rem}}.section .section__heading{grid-area:heading}.section .section__content{grid-area:content;container-type:inline-size;container-name:section-content}.section:before{content:"";grid-area:decoration;display:block;border-top:1px solid rgba(12,12,12,.2);border-top:var(--border--base);margin-block:1rem}.list{padding-inline-start:1rem;list-style-type:disc;margin-block:0;display:grid;grid-gap:1.5em;gap:1.5em}.list.list--grid{--list-grid-column-gap: 1em;--list-items-count: 3;--list-column-count: 3;--list-rows-count: round(up, calc(var(--list-items-count) / var(--list-column-count)), 1)}@container section-content (max-width: 38rem){.list.list--grid{--list-column-count: 2}}.list.list--grid{grid-auto-flow:column;grid-template-columns:repeat(var(--list-column-count),1fr);grid-template-rows:repeat(var(--list-rows-count),1fr);-moz-column-gap:var(--list-grid-column-gap);column-gap:var(--list-grid-column-gap);row-gap:1rem;row-gap:var(--list-grid-row-gap, 1rem);padding-inline-start:0;list-style-type:none}.heading{margin:0;line-height:1;font-weight:500}.heading.heading--xl,.heading.heading--lg{font-family:SF Pro Display,sans-serif}.heading.heading--lg{font-size:2rem}.heading.heading--md{font-size:1rem;font-weight:700}.heading.heading--accent{font-family:ZT Neue Ralewe,serif;font-style:italic;font-weight:400;letter-spacing:-.01em;color:#0048ffcc;color:var(--color--accent)}.paragraph{margin-block:0}.paragraph:not(:last-child){margin-block-end:.5em}.header{container-type:inline-size;container-name:header;width:100%;aspect-ratio:3.9 / 1;position:relative;margin-block-end:3.5rem}.header .name{position:relative;z-index:2;inline-size:100%;block-size:100%;font-size:max(2.75rem,min(14.5cqw,10rem));font-weight:400;line-height:1;letter-spacing:-.02em;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.header .name .last-name{align-self:flex-end}.header .job-title{position:absolute;z-index:1;inset-block-start:36.2%;inset-inline-start:23.9%;font-size:max(1.25rem,min(6.5cqw,4.5rem))}.skills .list{--list-grid-row-gap: .5rem;--list-items-count: 15;list-style-type:disc;list-style-position:inside}@container section-content (max-width: 26rem){.skills .list{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:.5em;list-style-type:none}}.skills .item{padding-block:.625em;padding-inline:.75em 1em;border-radius:.5em;background-color:#f2f2f2;background-color:var(--color--background-secondary);text-wrap:nowrap;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}.experience .list:not(.experience-item__list){list-style-type:none;padding-inline-start:0}.experience .experience-item .experience-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-block-end:1rem}.experience .experience-item .experience-item__list{display:grid;grid-gap:.75em;gap:.75em}.experience .experience-item .experience-item__date{margin:0;font-weight:700}.experience .experience-item strong{font-weight:500}.education .list{list-style-type:none;padding-inline-start:0}.languages .list{--list-grid-row-gap: 1.5em;--list-items-count: 4;grid-auto-flow:row}.languages .item{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;gap:.5em}.languages .icon{inline-size:2em;block-size:2em;-o-object-fit:contain;object-fit:contain}.software .list{--list-grid-row-gap: 1.5em}.software .item{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;gap:.5em}.software .icon{inline-size:2.5em;block-size:2.5em;-o-object-fit:cover;object-fit:cover;border-radius:.5em}.contacts .section__content{font-style:normal}.contacts .list{--list-grid-row-gap: 1em;--list-items-count: 6}.contacts .item.linkedin{color:#2867b2}.contacts .item.telegram{color:#08c}.contacts .item.behance{color:#1157ff}.contacts .item.dribbble{color:#ea4c89}.contacts .item.mail{color:#1a6ae7}.contacts .item.phone{color:#0ebc29}.contacts .link{-webkit-text-decoration:none;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;gap:.5em;color:inherit;background-color:color-mix(in hsl,currentColor 5%,transparent 95%);padding:.75em;border-radius:.5em;transition-property:outline-color,outline-offset,background-color;transition-duration:.3s;transition-timing-function:ease}.contacts .link:hover{background-color:color-mix(in hsl,currentColor 10%,transparent 90%)}.contacts .link:after{content:"";display:block;inline-size:1em;block-size:1em;-webkit-mask:url(#icon-link) no-repeat center / contain;mask:url(#icon-link) no-repeat center / contain;background-color:currentColor;margin-inline-start:auto}.contacts .icon{inline-size:2em;block-size:2em;-o-object-fit:contain;object-fit:contain;border-radius:.25em}.works{grid-template-areas:"heading decoration" "content content";row-gap:1.5rem}.works .list{--list-grid-column-gap: 1rem;--list-grid-row-gap: 1rem;--list-items-count: 9;grid-auto-flow:row}.works .note{margin-block:1rem 0;font-weight:500;color:#666;color:var(--color--text-secondary);text-align:end}@container section-content (max-width: 38rem){.works .list{margin-inline:calc(-1*max(1rem,min(5vw,2rem)));margin-inline:calc(-1 * var(--body--inline-padding));padding-inline:max(1rem,min(5vw,2rem));padding-inline:var(--body--inline-padding);display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row nowrap;overflow-x:auto;scroll-snap-type:x mandatory}.works .item{flex:1 1 0;min-width:18rem}}.works .work{position:relative;container-type:inline-size;container-name:work}.works .work .link{display:block;color:#fff;color:var(--color--background);border-radius:.5em;overflow:hidden}.works .work .link:hover .cover{transform:scale(1.05)}.works .work .link:focus-visible{outline-color:#0048ffcc;outline-color:var(--color--accent)}.works .work .cover{display:block;inline-size:100%;transition:transform .3s ease}.works .work .button{position:absolute;line-height:1;inset-block-start:.5em;inset-inline-end:.5em;padding-block:.625em;padding-inline:1em .75em;border-radius:.25em;background-color:color-mix(in hsl,currentColor 20%,transparent 80%);outline:1px solid color-mix(in hsl,currentColor 10%,transparent 90%);outline-offset:-1px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;gap:.25em}.works .work .button:after{content:"";display:block;inline-size:1em;block-size:1em;line-height:1;-webkit-mask-image:url(#icon-link);mask-image:url(#icon-link);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background-color:currentColor}@container work (max-width: 18rem){.works .work .button{transform-origin:100% 0;transform:scale(.75)}}@media print{:root{--body--inline-padding: 0;--body--block-padding: 0;--body--max-inline-size: 100%}body{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
