.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}:root{--bg-blue: #EEF3FF;--bg-bg_neutral: #F6F5F2;--text-primary: #343434;--text-secondary: #555;--color-accent: #5690FD;--bg-card: #EFE9E4;--stroke-card: #F1DFDF;--stroke: #DFE5F2;--icon: #AFB6C9;--primary: #F095C2;--font-primary: "Manrope";--font-size-body: 18px;--font-size-h3: 20px;--font-size-h2: 28px;--font-size-h1: 38px;--transition-fast: .3s ease-in-out;--text-width: 884px;--decor-shift: -30px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);color:var(--text-primary);line-height:1.5;background-color:var(--bg-bg_neutral);background-image:url(../assets/images/bg_index.svg);background-repeat:no-repeat;background-position:top center}body.about{background-color:var(--bg-blue);background-image:url(../assets/images/bg_about.svg)}body.case{background-image:none}.container{max-width:1440px;margin:0 auto;padding:0 52px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;width:100%}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h3{color:var(--text, #343434);font-size:var(--font-size-h3);font-style:normal;font-weight:600;line-height:normal}.header .container{padding-top:20px}.header__logo{grid-column:1}.nav{grid-column:5 / 8;align-content:center;font-size:var(--font-size-body)}.nav__link{position:relative;padding-bottom:8px;transition:color var(--transition-fast)}.nav__link.active{font-weight:700}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;display:block;background:none}.nav__link.active:after{background:url(../assets/icons/line_1.svg) no-repeat center bottom / contain}.nav__separator{color:#999}.border{grid-column:1 / -1;border-bottom:1px solid var(--stroke);width:100%}.hero{margin-top:88px;align-items:start;row-gap:8px}.hero .grid{align-items:start;row-gap:8px}.hero__greeting{grid-column:1 / -1;font-size:var(--font-size-body);color:var(--text-secondary)}.hero__info{grid-column:1 / 5}.hero__experience{white-space:nowrap;grid-column:5 /9;font-size:var(--font-size-body)}.hero__experience:after{content:url(../assets/icons/spiral_arrow.svg);display:inline-block;vertical-align:top;transform:translateY(12px);margin-bottom:-200px}.hero__title{font-size:var(--font-size-h1);color:var(--color-accent);line-height:1.3;font-weight:400;font-family:Unbounded;letter-spacing:.76px}.contacts{grid-column:10 / 12;position:relative;display:flex;flex-direction:column;align-items:flex-start;font-style:normal;font-size:var(--font-size-body);height:131px}.experience .contacts{grid-row:2 / 3}.hero__contacts__happy{margin-bottom:12px}.decor{position:absolute}.decor--tl{top:var(--decor-shift);left:var(--decor-shift)}.decor--tr{top:var(--decor-shift);right:var(--decor-shift)}.decor--bl{bottom:var(--decor-shift);left:var(--decor-shift)}.decor--br{bottom:var(--decor-shift);right:var(--decor-shift)}.contacts__imgs{display:flex;gap:12px;height:36px}.contacts__link{color:var(--icon)}.contacts__resume{display:inline-flex;max-width:206px;padding-top:12px;margin-top:24px;gap:12px;border-top:2px solid var(--stroke)}.contacts__resume__text{box-sizing:border-box;height:25px}.contacts__resume__icon{height:25px}.projects{margin-top:160px}.projects .grid .container{row-gap:0;padding:28px}.projects__title{grid-column:5 / 9;display:flex;align-items:center;gap:16px;font-size:var(--font-size-h2);font-weight:600;line-height:150%;color:var(--primary)}.projects__title-icon{width:22px;height:40px}.project-card{grid-column:1 / -1;align-items:center;border-radius:40px;background:var(--bg-card);margin:0 -28px;outline:0px solid transparent;transition:outline-width var(--transition-fast),outline-color var(--transition-fast)}.project-card__info{grid-column:1 / 4;display:flex;align-self:flex-start;flex-direction:column;gap:10px}.project-card__name{font-size:var(--font-size-h3);font-weight:600}.project-card__tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:8px 16px;color:var(--text-primary);background-size:100% 100%;background-repeat:no-repeat;font-size:var(--font-size-body)}.tag--mobile{background-image:url(../assets/icons/tag1.svg)}.tag--web{background-image:url(../assets/icons/tag2.svg)}.tag--research{background-image:url(../assets/icons/tag3.svg)}.project-card__visual{grid-column:5 /10;position:relative;display:block;border-radius:20px;height:393px}.project-card__image{transition:transform var(--transition-fast)}.project-card__visual:after{content:"";position:absolute;bottom:0;left:-72px;width:32px;height:32px;background-image:url(../assets/icons/arrow.svg);background-repeat:no-repeat;background-size:contain;transition:transform var(--transition-fast)}.project-card__details{grid-column:10 / -1;display:flex;flex-direction:column;justify-content:space-between;height:100%;color:var(--text-secondary);font-size:var(--font-size-body)}footer .container{display:flex;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding-top:24px;padding-bottom:20px;margin-top:88px;font-size:var(--font-size-body)}.introduction{display:flex;flex-direction:column;align-items:flex-start;gap:28px;position:relative}.introduction:before{content:"";background-image:url(../assets/images/photos1.png);background-size:contain;background-repeat:no-repeat;width:391px;height:616px;position:absolute;left:calc(50% - 695px);margin-top:-2px}.introduction:after{content:"";background-image:url(../assets/images/photos2.png);background-size:contain;background-repeat:no-repeat;width:296.205px;height:634.619px;flex-shrink:0;left:calc(50% + 415px);position:absolute;margin-top:-2px}.introduction__title{grid-column:5 / 9;color:var(--primary);font-size:var(--font-size-h2);font-style:normal;font-weight:600;line-height:150%;display:flex;gap:16px;margin-top:88px}.introduction__title:after{width:40px;height:35px;content:"";display:inline-block;background:url(../assets/icons/Paw.svg) no-repeat center / contain;place-self:center}.introduction__info{grid-column:5 / 10;color:var(--text-secondary);font-size:var(--font-size-body);font-style:normal;font-weight:400;line-height:150%}.experience__title{grid-column:5 / -1;color:var(--primary);font-size:var(--font-size-h2);font-style:normal;font-weight:600;line-height:150%;display:flex;position:relative;gap:16px;margin:151px 0 48px}.experience__title:after{content:"";display:inline-block;width:40px;height:35px;background:url(../assets/icons/star.svg) no-repeat center / contain;place-self:center}.experience__content{grid-column:1 / -2;grid-row:2 / 3;display:grid;grid-template-columns:subgrid}.experience__list{display:grid;grid-template-columns:subgrid;grid-column:1 / 9}.experience__list>.experience__work__card:first-child{padding:0 0 20px}.experience__work__card{grid-template-columns:subgrid;grid-column:1 / -1;display:grid;padding:20px 0;border-bottom:1px solid var(--stroke);color:var(--text-secondary);font-size:var(--font-size-body)}.experience__work__card .date{grid-column:1 / 3}.experience__work__place__title{color:var(--text, #343434);font-family:var(--font-primary);font-size:var(--font-size-h3);font-style:normal;font-weight:600;line-height:normal}.experience__work__place{grid-column:5 / 9;display:flex;flex-direction:column;gap:8px}.next-project{position:relative;display:flex;justify-content:center;margin-top:160px}.button-next{padding:8px 12px;border-radius:20px;background:var(--primary);color:#fff;font-weight:700}.arrow-next{width:0;height:0}.arrow-next:after{content:url(../assets/images/arrow-next.svg);position:absolute;transform:translate(5px)}.case p{font-size:var(--font-size-body);width:var(--text-width)}.case p,.case blockquote,.case h1,.case h2,.case h3{margin-left:0}.case p img:not(.header__logo,.arrow-next){display:block;border:1px solid var(--stroke);border-radius:40px;margin:28px 0;width:1336px;max-width:1336px;position:relative}.case h1{margin:88px 0 28px;font-size:var(--font-size-h1)}.case h2{margin:44px 0 12px;font-size:var(--font-size-h2)}.case ul{margin:0 0 0 32px}.case blockquote{background-color:#ededed;margin:10px 0;padding:15px;border-radius:8px;border-left:10px solid var(--icon);max-width:var(--text-width);width:100%;box-sizing:border-box}.case blockquote p{margin:0;width:auto;max-width:100%;box-sizing:border-box}blockquote+p{text-align:right}.case ol{margin-left:20px;font-size:var(--font-size-body);width:var(--text-width)}.case li{margin-bottom:8px;font-size:var(--font-size-body)}@media (hover: hover) and (pointer: fine){.nav__link:hover{font-weight:700}.contacts__link:hover{color:var(--primary)}.project-card:hover{outline:1px solid var(--primary, #F095C2)}.project-card:hover .project-card__visual:after{transform:scale(1.1);transform-origin:left bottom}.project-card:hover .project-card__image{transform:scale(1.03)}.contacts__resume:hover .contacts__resume__text{border-bottom:1px solid var(--primary)}.contacts__resume:hover .contacts__resume__icon{color:var(--primary)}}@media (max-width: 1024px){:root{--font-size-body: 16px;--font-size-h3: 18px;--font-size-h2: 24px;--font-size-h1: 30px;--text-width: 762px}.container{max-width:810px;margin:0 auto;padding:0 24px}.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;width:100%}body{background-image:url(../assets/images/bg_index_tablet.svg)}body.about{background-image:url(../assets/images/bg_about_tablet.svg)}.header .container{padding-top:12px;row-gap:12px}.nav{grid-column:2 / 4}.hero{margin-top:60px}.hero__info{grid-column:1 / 5}.hero__experience{grid-column:1 / 4}.hero__experience:after{content:url(../assets/icons/spiral_arrow_tablet.svg);transform:translateY(-5px)}.contacts{grid-row:2 / 4;grid-column:5 / -1;max-width:206px}.projects{margin-top:137px}.projects .grid .container{padding:12px}.projects__title{grid-column:3 / -1}.projects__title-icon{width:16px;height:30px}.project-card{border-radius:20px;margin:0 -12px}.project-card__info{grid-column:1 / 3;gap:10px}.tag{padding:4px 10px;font-size:14px}.project-card__visual{grid-column:3 / 5;border-radius:12px;height:173px}.project-card__visual:after{left:-42px;width:24px;height:24px}.project-card__details{grid-column:5 / -1}.introduction{grid-column:2 / 6}.introduction:before{background-image:url(../assets/images/photos_group_tablet.png);margin-top:32px;width:842px;left:calc(50% - 421px)}.introduction:after{display:none}.introduction__title{grid-column:2 / -1;margin-top:274px}.introduction__title:after{width:39px;height:29px}.introduction__info{grid-column:2 / -2}.experience .grid{row-gap:0}.experience__title{grid-column:2 / 4;gap:16px;margin:130px 0 28px}.experience__title:after{width:30px;height:26px}.experience__content{grid-column:2 / -1;grid-row:3;display:grid;grid-template-columns:subgrid}.experience__list{display:grid;grid-template-columns:subgrid;grid-column:1 / -1}.experience__list>.experience__work__card:first-child{padding:0 0 20px}.experience__work__card{grid-template-columns:subgrid;grid-column:1 / -1;display:grid;padding:20px 0;border-bottom:1px solid var(--stroke);color:var(--text-secondary);font-size:var(--font-size-body)}@media (min-width: 769px){.experience .contacts{display:grid;grid-template-columns:subgrid;gap:0;grid-row:1 / 2;grid-column:2 / -2;margin-top:189px;height:auto}.experience .hero__contacts__happy{grid-column:1 / 3;align-self:flex-end;grid-row:1}.experience .contacts__imgs{grid-column:1 / 3;grid-row:2}.experience .contacts__resume{grid-column:3 / -1;grid-row:1 / 3;margin:0;padding:0;justify-self:center;align-self:center;border-top:none}.experience .contacts:before{content:"";position:absolute;grid-column:3;top:0;bottom:0;width:2px;background:var(--stroke)}.experience__work__place__title{color:var(--text, #343434);font-family:var(--font-primary);font-size:var(--font-size-h3);font-style:normal;font-weight:600;line-height:normal}.experience__work__place{grid-column:3 / -1;display:flex;flex-direction:column;gap:8px;margin-left:-60px}}.next-project{margin-top:72px}.arrow-next:after{content:url(../assets/images/arrow-next-tablet.svg);position:absolute;transform:translate(5px,5px)}.case p img:not(.header__logo,.arrow-next){border-radius:20px;margin:16px 0;width:auto;max-width:762px}.case h1{margin:60px 0 28px}.case h2{margin:32px 0 12px}.case ul{margin:0 0 0 32px}}@media (max-width: 768px){:root{--decor-shift: -15px;--text-width: 350px}.container{max-width:390px;margin:0 auto;padding:0 8px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;row-gap:16px;width:100%}.pc{display:none}body{background-image:url(../assets/images/bg_index_mobile.svg)}body.about{background-image:url(../assets/images/bg_about_mobile.svg)}.nav{grid-column:2 / -1}.header__logo{width:45px;height:46px}.hero{margin-top:52px}.hero__info,.hero__experience{grid-column:1 / -1}.hero__experience:after{content:url(../assets/icons/spiral_arrow_mobile.svg);transform:translate(-60px,10px)}.contacts{margin-top:46px;grid-row:4 / 6;grid-column:3 / -1;max-width:168px}.projects{margin-top:120px}.projects .grid.container{row-gap:22px}.projects__title{grid-column:1 / -1}.projects__title-icon{width:16px;height:30px}.project-card{border-radius:16px;margin:0}.project-card .grid.container{padding:20px 16px;row-gap:12px}.project-card__info{grid-column:1 / -1}.tag{grid-row:4 / 5}.project-card__visual{grid-column:1 / -1;border-radius:12px;height:auto}.project-card__visual:after{left:auto;right:0;bottom:-154px;transform:scaleX(-1)}.project-card__details{min-height:141px;grid-column:1 / -1}.introduction{grid-column:1 / -1}.introduction:before{margin-top:15px;background-image:url(../assets/images/photos_group_mobile.png);left:calc(50% - 209px);width:417px;max-width:417px}.introduction__title{grid-column:1 / -1;margin-top:404px}.introduction__title:after{width:31px;height:24px}.introduction__info{grid-column:1 / -1}.experience .grid{row-gap:0}.experience__title{grid-column:1 / -1;gap:16px;margin:74px 0 28px}.experience__content{grid-column:1 / -1;grid-row:3}.experience__list{grid-column:1 / -1}.experience__work__card{row-gap:16px}.experience__work__card .date{grid-column:1 / 3;grid-row:1}.experience .contacts{grid-row:1 / 2;grid-column:2 / 4;margin-top:140px;place-self:center}.experience .contacts:before{content:none}.experience__work__place__title{color:var(--text, #343434);font-family:var(--font-primary);font-size:var(--font-size-h3);font-style:normal;font-weight:600;line-height:normal}.experience__work__place{grid-column:1 / -1;grid-row:2;display:flex;flex-direction:column;gap:8px;margin-left:0}.next-project{margin-top:60px}.arrow-next:after{content:url(../assets/images/arrow-next-mobile.svg);position:absolute;transform:translate(5px,5px)}.case p img:not(.header__logo,.arrow-next){border-radius:12px;margin:12px 0;width:auto;max-width:376px}.case h1{margin:52px 0 16px}.case h2{margin:32px 0 12px}.case ul{margin:0 0 0 32px}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}