.scroll-effects__content{padding-bottom:20vh;position:relative}.scroll-item{grid-template-areas:"main";place-items:center;display:grid}.scroll-item__title{z-index:9;font-size:clamp(2.5rem,10vw,4rem);position:relative}.scroll-item__layout{grid-area:main;gap:clamp(1rem,3vw,2rem);width:100%;max-width:100vw;padding:0 1rem;line-height:1.4;display:grid}.scroll-item__text{text-transform:uppercase;opacity:.6;letter-spacing:.05em;margin:0;font-size:clamp(.75rem,1.5vw,.95rem);line-height:1.5;position:relative}.scroll-item__description{grid-area:auto!important}@media screen and (min-width:992px){.scroll-item{padding:0 2rem}.scroll-item__layout{max-width:90vw;margin:0 auto;padding:0}.scroll-item__layout--1{grid-template:"title-up svg-wrap."1fr"text svg-wrap title-down"1fr/25% 1fr 25%;align-items:center;column-gap:3vw}.scroll-item__layout--1 .scroll-item__title--up{grid-area:title-up;place-self:start end}.scroll-item__layout--1 .scroll-item__title--down{grid-area:title-down;place-self:end start}.scroll-item__layout--1 .scroll-item__svg-wrap{grid-area:svg-wrap}.scroll-item__layout--1 .scroll-item__svg{width:100%;max-height:90vh}.scroll-item__layout--1 .scroll-item__text{text-align:right;grid-area:text;place-self:end;max-width:280px}.scroll-item__layout--2{grid-template-columns:1fr;grid-template-areas:"title-up""svg-wrap""title-down""text";justify-content:center;row-gap:4vh;max-width:100%}.scroll-item__layout--2 .scroll-item__title--up,.scroll-item__layout--2 .scroll-item__title--down{text-align:center;justify-self:center}.scroll-item__layout--2 .scroll-item__title--up{grid-area:title-up}.scroll-item__layout--2 .scroll-item__title--down{grid-area:title-down}.scroll-item__layout--2 .scroll-item__svg-wrap{grid-area:svg-wrap;width:100%}.scroll-item__layout--2 .scroll-item__svg{width:100%}.scroll-item__layout--2 .scroll-item__text{text-align:center;grid-area:text;max-width:280px;margin:0 auto}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(50px)}}@keyframes polish{0%,to{transform:translateY(0)}50%{transform:translateY(-50px)}}.animate-rough{animation:4s ease-in-out infinite bob}.animate-polish{animation:4s ease-in-out infinite polish}@media (max-width:992px){.scroll-effects__content{padding-bottom:0}.scroll-item{height:100dvh;min-height:100dvh;padding:1rem 0;overflow:hidden}.scroll-item__layout{text-align:center;grid-template-columns:1fr;align-content:center;row-gap:1rem;height:100%;display:grid}.scroll-item__title--up{top:env(safe-area-inset-top,2.5rem);z-index:5;text-align:center;font-size:clamp(1.6rem,5vw,2rem);position:sticky}.scroll-item__svg{width:100%;max-height:55vh}.scroll-item__description{opacity:.85;max-width:92%;margin:0 auto;font-size:.8rem;line-height:1.5}.scroll-item__text{letter-spacing:.04em;max-width:280px;margin:0 auto;padding-right:0;font-size:.75rem;line-height:1.5;border-right:none!important}.scroll-item__titles{justify-content:space-between;width:100%;margin-top:1rem;padding:0 1rem;display:flex}.scroll-item__title--down{opacity:.7;font-size:1rem}}
.portfolio-grid-wrapper{position:relative}.loader{z-index:1000;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-circle{border:4px solid #f3f3f3;border-top-color:#333;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pinned-section{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.main-title{text-transform:none;color:#333;text-align:left;z-index:5;pointer-events:none;margin:0;font-size:clamp(2rem,6vw,9rem);font-weight:400;line-height:.9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main-title span{display:inline-block}.main-title .ml-9{margin-left:1em}.works-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.content{opacity:0;z-index:0;grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(10,1fr);width:90%;max-width:1400px;height:80vh;min-height:500px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content .content_title{z-index:10;text-transform:none;text-align:center;color:#333;opacity:0;grid-area:1/2/-1/-2;align-content:center;width:100%;height:100%;margin:0;font-size:clamp(2rem,6vw,7rem);font-weight:100;display:grid;position:relative}.content .content_img{will-change:clip-path,filter;position:relative}.content .content_img-inner{background-position:50%;background-repeat:no-repeat;background-size:contain;width:100%;height:100%}.content .pos-1{grid-area:1/1/5/5}.content .pos-2{grid-area:5/8/10/11}.content .pos-3{grid-area:8/3/11/5}.content .pos-4{grid-area:1/8/8/11}.content .pos-5{grid-area:8/8/11/1}.content .pos-6{grid-area:1/4/6/2}.content .pos-7{grid-area:9/6/12/11}.content .pos-8{grid-area:6/6/1/12}.content .pos-9{grid-area:1/5/8/1}.content .pos-10{grid-area:7/4/12/9}.content .pos-11{grid-area:1/1/5/3}.content .pos-12{grid-area:1/5/6/12}.content .pos-13{grid-area:1/8/8/11}.content .pos-14{grid-area:1/2/5/7}.content .pos-15{grid-area:6/2/11/5}@media screen and (max-width:1024px){.main-title{font-size:clamp(1.8rem,5vw,7rem)}.content{grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(8,1fr);width:95%;height:75vh;min-height:450px}.content .content_title{grid-area:1/1/-1/-1;font-size:clamp(1.8rem,5vw,5rem)}.content .pos-1{grid-area:1/1/4/4}.content .pos-2{grid-area:4/6/8/9}.content .pos-3{grid-area:6/2/9/4}.content .pos-4{grid-area:2/6/6/9}.content .pos-5{grid-area:6/6/9/1}.content .pos-6{grid-area:1/1/5/3}.content .pos-7{grid-area:6/7/10/1}.content .pos-8{grid-area:3/6/7/9}.content .pos-9{grid-area:2/1/7/5}.content .pos-10{grid-area:5/3/9/7}.content .pos-11{grid-area:2/1/4/3}.content .pos-12{grid-area:2/4/5/9}.content .pos-13{grid-area:2/6/6/9}.content .pos-14{grid-area:1/2/4/6}.content .pos-15{grid-area:4/1/9/4}}@media screen and (max-width:768px){.main-title{font-size:clamp(1.5rem,6vw,5rem)}.content{grid-template-rows:repeat(6,1fr);grid-template-columns:repeat(6,1fr);width:95%;height:70vh;min-height:400px}.content .content_title{grid-area:1/1/-1/-1;padding:0 1rem;font-size:clamp(1.5rem,6vw,3.5rem)}.content .pos-1{grid-area:1/1/3/3}.content .pos-2{grid-area:3/5/6/7}.content .pos-3{grid-area:5/1/7/3}.content .pos-4{grid-area:1/5/5/7}.content .pos-5{grid-area:4/4/7/1}.content .pos-6{grid-area:1/1/3/3}.content .pos-7{grid-area:3/5/8/1}.content .pos-8{grid-area:3/5/7/7}.content .pos-9{grid-area:1/1/3/4}.content .pos-10{grid-area:4/2/7/5}.content .pos-11{grid-area:1/1/3/3}.content .pos-12{grid-area:1/4/4/7}.content .pos-13{grid-area:4/3/6/7}.content .pos-14{grid-area:1/1/3/5}.content .pos-15{grid-area:4/1/7/3}}@media screen and (max-width:480px){.main-title{font-size:clamp(3.5rem,13vw,3.5rem)}.content{height:65vh;min-height:350px}.content .content_title{font-size:clamp(2.2rem,5vw,2.5rem)}}