.portfolio-page{background-color:#f0f0f0;margin-bottom:-.9375rem;padding:11.875rem 1rem 7.1875rem!important}.portfolio-page__header{grid-template-columns:1fr 45.3125rem 1fr;gap:2.5rem;display:grid}.portfolio-page__title{text-align:center;letter-spacing:-.03em;color:#18374b;margin-bottom:1.5rem;font-size:4.625rem;font-weight:500;line-height:96%}.portfolio-page__desc{text-align:center;color:#3d3d3d;font-size:1.25rem;font-weight:400;line-height:1.5625rem}@media (min-width:1600px){.portfolio-page__header{grid-template-columns:1fr 2.1fr 1fr}}@media (max-width:850px){.portfolio-page{padding:8.125rem 1rem 5rem!important}.portfolio-page__header{display:block}}@media (max-width:650px){.portfolio-page__title{margin-bottom:1rem;font-size:2rem;line-height:96%}.portfolio-page__desc{font-size:.875rem;line-height:1.0625rem}}.portfolio-page__desc strong{color:#000;font-weight:500}.portfolio-page__nav-top{z-index:2;background:#f0f0f0;padding-top:6.25rem;position:sticky;top:0}.portfolio-page__nav-line{border-bottom:.0625rem solid #000}.portfolio-page__nav-body{scrollbar-width:none;white-space:nowrap;gap:.5rem;padding:.5rem 0;display:flex;overflow-x:auto}.portfolio-page__nav-body:before,.portfolio-page__nav-body:after{content:"";z-index:2;pointer-events:none;width:1.5rem;position:absolute;top:0;bottom:0}.portfolio-page__nav-body:before{background:linear-gradient(90deg,#f0f0f0 0%,#f0f0f000 100%);left:0}.portfolio-page__nav-body:after{background:linear-gradient(270deg,#f0f0f0 0%,#f0f0f000 100%);right:0}.portfolio-page__nav-body::-webkit-scrollbar{display:none}.portfolio-page__nav-link{text-align:center;color:#18374b;flex-shrink:0;padding:0 1rem;font-size:1rem;font-weight:400;line-height:1.25rem;transition:all .25s;display:inline-block;position:relative}.portfolio-page__nav-body_mob{display:none}.portfolio-page__projects{grid-template-columns:1fr 1fr 1fr 1fr;padding-top:1.5rem;display:grid;position:relative}.portfolio-page__projects-nav{flex-direction:column;grid-column:1/2;align-self:start;gap:.5rem;display:flex;position:sticky;top:7.75rem}.portfolio-page__projects-link{color:#18374b;padding-left:1.125rem;font-size:1rem;font-weight:400;display:inline-block;position:relative}.portfolio-page__projects-link:before,.portfolio-page__nav-link:before{content:"";opacity:0;background-color:#18374b;width:.5rem;height:.5rem;transition:opacity .2s ease-in-out;position:absolute;top:50%;left:0;transform:translateY(-65%)}.portfolio-page__projects-link:hover:before,.portfolio-page__projects-link.active:before{opacity:1}.portfolio-page__projects-list{flex-direction:column;grid-column:2/5;gap:1.875rem;display:flex}.portfolio-page__project{background:#fff;border-radius:.5rem;grid-template-columns:1fr 1fr 1fr;gap:.5rem;min-height:30.75rem;padding:.5rem;scroll-margin-top:6.875rem;display:grid}.portfolio-page__project-image{border-radius:.25rem;width:100%;max-width:100%;position:relative;overflow:hidden}.portfolio-page__project-image img{object-fit:cover}.portfolio-page__project-details{flex-direction:column;gap:.25rem;display:flex}.portfolio-page__project-detail{background:#f0f0f0;border-radius:.25rem;flex-direction:column;gap:1rem;height:100%;min-height:4.5rem;padding:1.5rem;display:flex}.portfolio-page__project-label{color:#8c8c8c;font-size:1.25rem;font-weight:400;line-height:140%}.portfolio-page__project-value{color:#000;font-size:1.75rem;font-weight:500;line-height:100%}.portfolio-page__project-content{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem .5rem 1rem 1rem;display:flex}.portfolio-page__project-logo-wrap{align-items:center;width:100%;max-width:16.375rem;height:6.0625rem;padding-left:1rem;display:flex}.portfolio-page__project-logo{object-fit:cover;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.portfolio-page__project-description{color:#000;font-size:1.25rem;font-style:normal;font-weight:400;line-height:140%}.portfolio-page__project_reverse .portfolio-page__project-content{order:1;padding-left:0;padding-right:1.5rem}.portfolio-page__project_reverse .portfolio-page__project-image{order:2}.portfolio-page__project_reverse .portfolio-page__project-details{order:3}.portfolio-page .skeleton{background:#00000014;border-radius:.5rem;animation:1.4s ease-in-out infinite portfolio-skeleton-pulse}.portfolio-page__skeleton-title{max-width:18rem;height:4rem;margin:0 auto 1.5rem}.portfolio-page__skeleton-text{max-width:45.3125rem;height:1.25rem;margin:0 auto .75rem}.portfolio-page__skeleton-text_short{max-width:30rem}.portfolio-page__skeleton-link{width:7rem;height:1.25rem}.portfolio-page__skeleton-card{border-radius:.5rem;min-height:30.75rem}@keyframes portfolio-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:1400px){.portfolio-page__project-description{font-size:clamp(.8rem,.575rem + .614vw,1.25rem)}.portfolio-page__project-value{font-size:1.375rem}.portfolio-page__project-detail{padding:1.25rem 1.1875rem}}@media (max-width:1300px){.portfolio-page__project{min-height:unset}}@media (max-width:1000px){.portfolio-page__project_reverse .portfolio-page__project-content,.portfolio-page__project_reverse .portfolio-page__project-image,.portfolio-page__project_reverse .portfolio-page__project-details{order:unset}.portfolio-page__project{grid-template-columns:1fr 1fr}.portfolio-page__project-content{grid-column:span 2}.portfolio-page__project-description{font-size:.875rem}.portfolio-page__project-detail{min-height:unset}}@media (max-width:750px){.portfolio-page__project{grid-template-columns:1fr;gap:1rem;scroll-margin-top:8.125rem}.portfolio-page__project .portfolio-page__project-details{order:1;grid-template-columns:1fr 1fr;gap:.25rem;display:grid}.portfolio-page__project-label{font-size:.875rem}.portfolio-page__project-content{grid-column:unset}.portfolio-page__projects{grid-template-columns:1fr;padding-top:1.5rem}.portfolio-page__projects-list{grid-column:unset;gap:1.875rem}.portfolio-page__project-detail{height:unset}.portfolio-page__projects-nav{display:none}.portfolio-page__nav-top{padding-top:4.375rem}.portfolio-page__project-image{aspect-ratio:1}.portfolio-page__project-logo-wrap{max-width:9.375rem;height:5rem;padding-left:0}.portfolio-page__project-content{padding:0 .5rem!important}.portfolio-page__project-value{overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.portfolio-page__nav-body_mob{display:flex}.portfolio-page{padding:8.125rem 0 5rem!important}.portfolio-page__header,.portfolio-page__projects-list{padding:0 1rem}.portfolio-page__nav-line{margin:0 1rem}}