.hero{height:100svh}.hero__container{align-items:center;display:grid;grid-template-rows:minmax(9.375rem,1fr) auto;height:100%;justify-items:center;row-gap:2.5rem;text-align:center}.hero__image{height:100%;position:relative;width:100%}.hero__image img{height:100%;left:50%;object-fit:cover;position:absolute;top:50%;translate:-50% -50%;width:auto}.skills{counter-reset:item}.skills__container{display:flex;flex-wrap:wrap;justify-content:center}.skills__item{background-color:var(--mutedColor);border:.0625rem solid var(--greyColor);border-radius:.125rem;flex:1 1 21.875rem}.skills__item:before{content:counter(item,decimal-leading-zero);counter-increment:item;font-size:.8125rem;letter-spacing:.09375rem;line-height:1.6;margin-block-end:.25rem}.skills__title{color:var(--lightColor);font-family:var(--fontTitle);letter-spacing:.03125rem;line-height:1.3;margin-block-end:1.25rem;text-transform:uppercase}.skills__text-item{padding-inline-start:1.25rem;position:relative}.skills__text-item:before{background-color:var(--lightColor);border-radius:50%;content:"";height:.25rem;inset-block-start:.625rem;inset-inline-start:0;position:absolute;width:.25rem}.skills__text-item:not(:last-child){margin-block-end:1rem}.selected-work__button{display:flex;font-weight:400}.selected-work__button svg{rotate:45deg}.works{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(20.625rem,100%),1fr))}.item-work{overflow:hidden;position:relative}.item-work__picture{aspect-ratio:684/550;display:block;position:relative}.item-work__picture:after{background-color:rgba(0,0,0,.2);content:"";height:100%;inset-block-start:0;inset-inline-start:0;position:absolute;width:100%}.item-work__image{height:100%;object-fit:cover;transition:scale .8s;width:100%}.item-work__body{backdrop-filter:blur(.9375rem);background-color:rgba(50,48,43,.6);border:.0625rem solid var(--greyColor);border-radius:.125rem;inset-block-end:.625rem;inset-inline:.625rem;padding:.75rem 1rem;position:absolute}.item-work__link-name{color:var(--lightColor);font-family:var(--fontTitle);letter-spacing:.0625rem;text-transform:uppercase;transition:color .3s}.item-work__category{letter-spacing:.025rem}.process{counter-reset:item}.items-process__header{display:grid;gap:1rem;grid-template-rows:2.875rem 1fr;justify-items:center;position:relative}.items-process__header:after{background-color:var(--greyColor);content:"";width:.0625rem}.items-process__arrow{align-items:center;aspect-ratio:1;background-color:var(--mutedColor);border:.0625rem solid var(--greyColor);border-radius:50%;display:flex;justify-content:center;width:2.875rem;fill:var(--mainColor);rotate:-180deg}.items-process__body{display:flex;flex-direction:column}.item-process{position:relative}.item-process:before{background-color:var(--greyColor);content:"";height:100%;inset-inline-start:-.03125rem;position:absolute;width:.0625rem}.item-process:after{align-content:center;background-color:var(--mutedColorFull);border:.0625rem solid var(--greyColor);border-radius:50%;content:counter(item,decimal-leading-zero);counter-increment:item;font-size:.8125rem;height:2.5rem;inset-block-start:50%;inset-inline-start:0;letter-spacing:.09375rem;outline:1rem solid var(--bgColor);position:absolute;text-align:center;translate:-50% -50%;width:2.5rem;z-index:2}.item-process:last-child:before{height:50%}.item{position:relative}.item,.item__time{background-color:var(--mutedColorFull);border:.0625rem solid var(--greyColor);border-radius:.125rem}.item__time{font-size:.75rem;line-height:1.2;padding:.5rem;position:absolute}.item__label,.item__time{font-family:var(--fontTitle);text-transform:uppercase}.item__label{font-size:.8125rem;font-weight:400;letter-spacing:.09375rem;line-height:1.6;margin-block-end:.25rem;padding-inline-end:4.375rem}.item__title{color:var(--lightColor);font-family:var(--fontTitle);letter-spacing:.03125rem;line-height:1.3;text-transform:uppercase}.item__text,.item__title{margin-block-end:1.25rem}.item__text p:not(:last-child){margin-block-end:.75rem}.item__list{color:var(--lightColor)}.item__item{padding-inline-start:1.25rem;position:relative}.item__item:before{background-color:var(--lightColor);border-radius:50%;content:"";height:.25rem;inset-block-start:.625rem;inset-inline-start:0;position:absolute;width:.25rem}.item__item:not(:last-child){margin-block-end:1rem}@media (max-width:55.62375em){.items-process__header{display:none}.items-process__arrow{width:2.5rem}.item-process:before{display:none}.item-process:after{inset-block-start:.625rem;inset-inline-start:.625rem;outline:.3125rem solid var(--bgColor)}.item-process:not(:last-child){margin-block-end:1.25rem}}@media (max-width:20em){.page__hero{padding-block-end:3.75rem;padding-block-start:6.25rem}.page__selected-work,.page__skills{padding-block:1.875rem}.page__process{padding-block-end:2.5rem;padding-block-start:1.875rem}.hero__container{row-gap:1.25rem}.skills__container{gap:.9375rem}.skills__item{padding:1.25rem}.skills__title{font-size:1.125rem}.selected-work__header{margin-block-end:1.25rem}.works{gap:.9375rem}.item-work__link-name{font-size:.75rem}.item-work__category{font-size:.8125rem}.process .textblock-main{margin-block-end:1.25rem}.items-process__header{height:1.25rem}.item{padding-block-end:1.875rem;padding-block-start:2.5rem;padding-inline:1.25rem}.item__time{inset-block-start:.625rem;inset-inline-end:.625rem}.item__title{font-size:1.125rem}}@media (min-width:20em) and (max-width:89.375em){.page__hero{padding-block-end:clamp(3.75rem,3.3896396396375rem + 1.8018018018vw,5rem);padding-block-start:clamp(6.25rem,5.16891891891875rem + 5.4054054054vw,10rem)}.page__selected-work,.page__skills{padding-block:clamp(1.875rem,.9740990991rem + 4.5045045045vw,5rem)}.page__process{padding-block-end:clamp(2.5rem,.3378378378375rem + 10.8108108108vw,10rem);padding-block-start:clamp(1.875rem,.9740990991rem + 4.5045045045vw,5rem)}.hero__container{row-gap:clamp(1.25rem,.8896396396375rem + 1.8018018018vw,2.5rem)}.skills__container{gap:clamp(.9375rem,.66722972973125rem + 1.3513513514vw,1.875rem)}.skills__item{padding:clamp(1.25rem,.74549549549375rem + 2.5225225225vw,3rem)}.skills__title{font-size:clamp(1.125rem,1.01689189189375rem + .5405405405vw,1.5rem)}.selected-work__header{margin-block-end:clamp(1.25rem,.8896396396375rem + 1.8018018018vw,2.5rem)}.works{gap:clamp(.9375rem,.66722972973125rem + 1.3513513514vw,1.875rem)}.item-work__link-name{font-size:clamp(.75rem,.7139639639625rem + .1801801802vw,.875rem)}.item-work__category{font-size:clamp(.8125rem,.79448198198125rem + .0900900901vw,.875rem)}.process .textblock-main{margin-block-end:clamp(1.25rem,.74549549549375rem + 2.5225225225vw,3rem)}.items-process__header{height:clamp(1.25rem,-1.2364864864875rem + 12.4324324324vw,9.875rem)}.item{padding-block-end:clamp(1.875rem,1.550675675675rem + 1.6216216216vw,3rem);padding-block-start:clamp(2.5rem,2.35585585585625rem + .7207207207vw,3rem);padding-inline:clamp(1.25rem,.74549549549375rem + 2.5225225225vw,3rem)}.item__time{inset-block-start:clamp(.625rem,.44481981981875rem + .9009009009vw,1.25rem);inset-inline-end:clamp(.625rem,.44481981981875rem + .9009009009vw,1.25rem)}.item__title{font-size:clamp(1.125rem,1.01689189189375rem + .5405405405vw,1.5rem)}}@media (min-width:55.625em) and (min-width:89.375em){.item-process:nth-child(2n){padding-inline-end:6.21875rem}}@media (min-width:55.625em) and (min-width:55.625em) and (max-width:89.375em){.item-process:nth-child(2n){padding-inline-end:clamp(3.125rem,-1.97395833333125rem + 9.1666666667vw,6.21875rem)}}@media (min-width:55.625em) and (max-width:89.375em){.item-process{padding-inline-start:clamp(3.125rem,-1.97395833333125rem + 9.1666666667vw,6.21875rem)}}@media (min-width:55.625em){.item-process{align-self:flex-end;width:50%}.item-process:not(:first-child){margin-block-start:-3.125rem}.item-process:nth-child(2n){align-self:flex-start;padding-inline-start:0}.item-process:nth-child(2n):before{inset-inline-end:-.03125rem;inset-inline-start:auto}.item-process:nth-child(2n):after{inset-inline-end:0;inset-inline-start:auto;translate:50% -50%}}@media (min-width:89.375em){.page__hero{padding-block-end:5rem;padding-block-start:10rem}.page__selected-work,.page__skills{padding-block:5rem}.page__process{padding-block-end:10rem;padding-block-start:5rem}.hero__container{row-gap:2.5rem}.skills__container{gap:1.875rem}.skills__item{padding:3rem}.skills__title{font-size:1.5rem}.selected-work__header{margin-block-end:2.5rem}.works{gap:1.875rem}.item-work__category,.item-work__link-name{font-size:.875rem}.process .textblock-main{margin-block-end:3rem}.items-process__header{height:9.875rem}.item-process{padding-inline-start:6.21875rem}.item{padding-block-end:3rem;padding-block-start:3rem;padding-inline:3rem}.item__time{inset-block-start:1.25rem;inset-inline-end:1.25rem}.item__title{font-size:1.5rem}}@media (any-hover:hover){.item-work__picture:hover .item-work__image{scale:1.05}.item-work__link-name:hover{color:var(--lightColorHover)}}