*{box-sizing:border-box}:root{--vh:1vh;--header-height:64px}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{scroll-behavior:smooth;margin:0;padding:0}@media only screen and (width>=320px) and (width<=767px){body{height:100vh;height:calc(var(--vh) * 100)}}.body_dark{background-color:#0d0d0d}.content{flex-direction:flex-start;justify-content:flex-start;align-items:flex-start;width:100%;max-width:800px;margin:0 auto;padding:0;display:flex}@media only screen and (width>=320px) and (width<=767px){.content{flex-direction:column;justify-content:flex-start;align-items:center;width:100%;padding:0;display:flex}}.content_grid{grid-template-columns:repeat(20,5%);max-width:none;margin:0;display:grid}h1{margin:0 0 1.5rem;font-family:Roslindale,PT Serif,Georgia,serif;font-size:3.2rem;font-weight:400;line-height:3.7rem}@media only screen and (width>=1536px){h1{font-size:3.5rem;line-height:4.4rem}}@media only screen and (width>=320px) and (width<=767px){h1{margin:0 0 1rem;font-size:1.75rem;line-height:1.25}}h2{margin:0 0 1rem;font-family:Roslindale,PT Serif,Georgia,serif;font-size:3rem;font-weight:400;line-height:3rem}@media only screen and (width>=320px) and (width<=767px){h2{margin:2rem 0 1rem;font-size:2rem;line-height:1.2}}h3{margin:0 0 .5rem;font-family:Roslindale,PT Serif,Georgia,serif;font-size:1.25rem;font-weight:400;line-height:2rem}@media only screen and (width>=320px) and (width<=767px){h3{margin:0 0 .25rem;font-size:1.25rem;line-height:1.4}}h4{margin:0 0 .5rem;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.4rem}a{color:#69f;text-decoration:none}p{margin:0 0 1.5rem}@media only screen and (width>=320px) and (width<=767px){p{margin:0 0 1rem}}ul{margin:0;padding:0}ul li{margin:0 0 .25rem;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.35rem;list-style-type:square}@font-face{font-family:Roslindale;src:url(/fonts/roslindale.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PT Root UI;src:url(/fonts/pt-root.woff2)format("woff2"),url(/fonts/pt-root.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.header{background:rgba(0, 0, 0, calc(var(--bg-opacity,0) * .1));backdrop-filter:blur(calc(var(--bg-opacity,0) * 10px));border:none;border-bottom:1px solid rgba(255, 255, 255, calc(var(--bg-opacity,0) * .08));box-shadow:0 8px 32px 0 rgba(0, 0, 0, calc(var(--bg-opacity,0) * .37));z-index:2;grid-template-rows:1fr;grid-template-columns:repeat(20,5%);align-items:center;width:100%;height:64px;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.35rem;transition:all .3s;display:grid;position:fixed;top:0;left:0}.header:before{content:"";background:linear-gradient(135deg, rgba(255, 255, 255, calc(var(--bg-opacity,0) * .005)) 0%, rgba(255, 255, 255, calc(var(--bg-opacity,0) * .05)) 100%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;border-radius:0;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}@media only screen and (width>=320px) and (width<=767px){.header{border-bottom:1px solid #333}}.header__logo{flex-direction:row;grid-column:3/6;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:0;display:flex}@media only screen and (width>=320px) and (width<=767px){.header__logo{grid-column:2/12}}.header__logo a{color:#ccc}.header__menu{flex-direction:row;grid-column:7/19;justify-content:flex-end;align-items:flex-start;gap:32px;width:100%;padding:0;display:flex}.header__menu a{color:#ccc}@media only screen and (width>=767px) and (width<=1023px){.header__menu{grid-column:7/19}}@media only screen and (width>=320px) and (width<=767px){.header__menu{grid-column:12/20;gap:16px}}.header__menu-elem{flex-direction:row;justify-content:flex-start;width:auto;height:100%;padding:0;display:flex}.experience-card{color:#ccc;border-radius:.4rem;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;padding:0;display:flex;overflow:hidden}@media only screen and (width>=320px) and (width<=767px){.experience-card{border-top:1px solid;border-image:linear-gradient(90deg,#ffffff1a 0% 70%,#0000 100%) 1;border-radius:0;padding-top:1rem}}.experience-card__content{color:inherit;grid-template-rows:auto auto;grid-template-columns:1fr;gap:.5rem;width:100%;margin-bottom:.25rem;display:grid}.experience-card__years{letter-spacing:.05em;color:gray;grid-area:1/1;margin-bottom:1rem;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.35rem}.experience-card__company{color:#ccc;grid-area:2/1;justify-self:start;width:max-content;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.35rem;text-decoration:none;transition:color .15s;position:relative}.experience-card__company:hover{color:#d9d9d9}.experience-card__company-logo{z-index:1;pointer-events:none;width:auto;height:1.875em;margin-left:.35em;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.experience-card__company-logo--mango{height:1.6em;margin-left:calc(.35em - 1.3rem);transform:translateY(calc(-50% - .25rem))}.experience-card__position{border:none;border-radius:.4rem;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.experience-card__position-name{width:100%;color:inherit;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-bottom:1rem;padding:0;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1.25rem;font-weight:400;line-height:2rem;display:flex}@media only screen and (width>=320px) and (width<=767px){.experience-card__position-name{margin-bottom:1.5rem}}.experience-card__position-descr{color:gray;border:none;width:100%;margin:0;padding:0 0 .5rem;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.35rem}.skill-card{color:gray;border-top:1px solid #333;grid-template-rows:repeat(1,auto);grid-template-columns:repeat(20,5%);width:100%;padding:4px 0 8px;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.35rem;display:grid}@media only screen and (width>=320px) and (width<=767px){.skill-card{border-top:1px solid;border-image:linear-gradient(90deg,#ffffff1a 0% 70%,#0000 100%) 1;grid-template-rows:repeat(2,auto);padding:8px 0 0}}.skill-card__name{grid-column:1/6;grid-row-start:1}@media only screen and (width>=320px) and (width<=767px){.skill-card__name{color:#ccc;grid-column-end:17;padding:0 0 8px;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.35rem}}.skill-card__description{grid-column:8/14;grid-row-start:1}@media only screen and (width>=320px) and (width<=767px){.skill-card__description{color:#666;grid-column:1/17;grid-row-start:2;padding:0 0 32px;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.35rem}}.skill-card__digit{color:#333;flex-direction:column;grid-column:15/21;grid-row-start:1;justify-content:flex-start;align-items:flex-end;width:100%;padding:0;font-family:Roslindale,PT Serif,Georgia,serif;font-size:3rem;font-weight:400;line-height:3rem;display:flex}@media only screen and (width>=320px) and (width<=767px){.skill-card__digit{grid-column-start:18;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.35rem}}.skill-card__metric-value{color:#69bf69;font-weight:600}.skill-card--case .skill-card__description{grid-column-end:18}.skill-card--case .skill-card__digit{display:none}.button:before{content:"";mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff01 0%,#ffffff0d 100%);border-radius:.4rem;padding:1px;position:absolute;inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)}.button{backdrop-filter:blur(10px);color:#ccc;background:#f8c8b31a;border:none;border-radius:.4rem;padding:.75rem 2.5rem;font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:1rem;font-weight:400;line-height:1.35rem;text-decoration:none;transition:all .3s;display:inline-block;position:relative;box-shadow:0 .25rem 1rem #0000001a}.button:hover{background:#f8c8b31a;transform:translateY(-.125rem);box-shadow:0 .5rem 1.5rem #0003}.button:active{transform:translateY(0);box-shadow:0 .125rem .5rem #0000001a}@media only screen and (width>=320px) and (width<=767px){.button{background:#0000001a}}.list-header{word-break:break-word;color:#ccc;flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;padding:0 0 2.5rem;display:flex}@media only screen and (width>=320px) and (width<=767px){.list-header{flex-direction:row;justify-content:flex-start;align-items:flex-start;width:100%;padding:0 0 2rem;display:flex}}.list-header h2{margin:0}.career-timeline{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:5rem;width:100%;height:.5rem;margin:1rem 0;padding:0;list-style:none;display:grid;position:relative;overflow:visible}.career-timeline:before{content:"";background-image:linear-gradient(90deg,#0000,#333);width:5rem;height:1px;position:absolute;top:.25rem;left:-5rem;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 7px);mask-image:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 7px)}.career-timeline__item{position:relative}.career-timeline__item:not(:last-child):after{content:"";background:#333;width:calc(100% + 5rem);height:1px;position:absolute;top:.25rem;left:.25rem}.career-timeline__item:last-child:after{content:"";background-image:linear-gradient(270deg,#0000,#333);width:calc(100% + 5rem);height:1px;position:absolute;top:.25rem;left:.25rem;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 7px);mask-image:repeating-linear-gradient(90deg,#000 0 3px,#0000 3px 7px)}.career-timeline__dot{z-index:1;background:#333;border-radius:50%;outline:4px solid #0d0d0d;width:.5rem;height:.5rem;position:absolute;top:0;left:0}@media only screen and (width>=320px) and (width<=767px){.career-timeline{display:none}}.tag{backdrop-filter:blur(10px);color:#e7e5e4;background:#ffffff0d;border:1px solid #ffffff06;border-radius:6px;flex-direction:row;justify-content:flex-start;width:auto;height:auto;padding:8px 16px;transition:all .3s;display:flex;box-shadow:0 4px 16px #0000000d}.tag:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00000014}.tag--S{font-family:PT Root UI,PT Sans,Arial,sans-serif;font-size:.8rem;font-weight:400;line-height:1rem}
