:root{--clr-transparent-black-100:#141414;--clr-transparent-black-90:hsla(0,0%,8%,.9);--clr-transparent-black-80:hsla(0,0%,8%,.8);--clr-transparent-black-70:hsla(0,0%,8%,.7);--clr-transparent-black-60:hsla(0,0%,8%,.6);--clr-transparent-black-50:hsla(0,0%,8%,.5);--clr-transparent-black-40:hsla(0,0%,8%,.4);--clr-transparent-black-30:hsla(0,0%,8%,.3);--clr-transparent-black-20:hsla(0,0%,8%,.2);--clr-transparent-black-10:hsla(0,0%,8%,.1);--clr-transparent-black-0:hsla(0,0%,8%,0);--clr-solid-black-100:#141414;--clr-solid-black-90:#2e2e2e;--clr-solid-black-80:#494949;--clr-solid-black-70:#636363;--clr-solid-black-60:#7d7d7d;--clr-solid-black-50:#979797;--clr-solid-black-40:#b1b1b1;--clr-solid-black-30:#cbcbcb;--clr-solid-black-20:#e5e5e5;--clr-white-100:#fff}.h4,.h5,.p,.span,a{font-family:Lexend,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.h1{font-family:Maia,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:clamp(4rem,5vw + 1rem,6rem);font-weight:500;line-height:normal;color:var(--clr-transparent-black-90)}.h4{font-size:1.5rem;font-weight:400}.h4,.h5{line-height:normal;color:var(--clr-white-100)}.h5{font-size:1.2rem;font-weight:300}.p{font-size:1.4rem;line-height:2.4rem;max-width:75ch;color:var(--clr-solid-black-80);word-wrap:break-word}.p,.span{font-weight:400}.span{font-size:1.2rem;line-height:normal;color:var(--clr-white-100)}.span.attr,a{color:var(--clr-solid-black-60)}a{font-size:1.2rem;font-weight:400;line-height:normal}.header--inner{width:100%;display:flex;justify-content:space-evenly}.header--inner>*{flex:1 1}.logo-container{display:flex;justify-content:center}main.container{padding-top:8.3rem}.nav{display:flex;justify-content:flex-end}.nav-item+.nav-item{padding-left:1rem}.nav-icon{transform:scale(.8)}@media(max-width:1920px){.container{padding:0 8rem}.header{padding:3rem 0}.logo-container{display:flex;justify-content:center}.nav-item+.nav-item{padding-left:1rem}.nav-icon{transform:scale(.8)}.masonry{padding:8rem 0;-moz-column-count:4;column-count:4;-moz-column-gap:4rem;column-gap:4rem}.masonry--tile{margin-bottom:4rem}}@media(max-width:1400px){.container{padding:0 6rem}.header{padding:2rem 0}.nav-item+.nav-item{padding-left:1rem}.nav-icon{transform:scale(.8)}.masonry{padding:6rem 0;-moz-column-count:4;column-count:4;-moz-column-gap:4rem;column-gap:4rem}.masonry--tile{margin-bottom:4rem}}@media(max-width:1000px){.nav-item+.nav-item{padding-left:.6rem}.nav-icon{transform:scale(.7)}.masonry{padding:6rem 0;-moz-column-count:3;column-count:3;-moz-column-gap:3rem;column-gap:3rem}.masonry--tile{margin-bottom:3rem}}@media(max-width:768px){.container{padding:0 4rem}.header{padding:2rem 0}.header--inner{display:flex;justify-content:flex-start}.header--inner>:first-child{flex:0 1}.logo-container{display:flex;justify-content:flex-start}.nav-item+.nav-item{padding-left:.4rem}.nav-icon{transform:scale(.5)}.masonry{padding:4rem 0;-moz-column-count:2;column-count:2;-moz-column-gap:2rem;column-gap:2rem}.masonry--tile{margin-bottom:2rem}}@media(max-width:500px){.container{padding:0 2rem}.header{padding:1rem 0}.logo-container{flex:3 1}.nav-item+.nav-item{padding-left:0}.nav-icon{transform:scale(.5)}.masonry{padding:2rem 0;-moz-column-count:1;column-count:1;-moz-column-gap:1rem;column-gap:1rem}.masonry--tile{margin-bottom:1rem}main.container{padding-top:6.3rem}}*,:after,:before{margin:0;padding:0;margin-inline:0;margin-block:0;box-sizing:border-box;font-size:62.5%}html{width:100%;height:100%;background-color:var(--clr-solid-black-20)}::-webkit-scrollbar{display:none}body{scroll-behavior:smooth;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:100vh;max-width:144rem;margin:0 auto;background-color:var(--clr-white-100)}.root,body{width:inherit}.root{position:relative}.display-none{opacity:0;transition:all .2s ease-out}.header{position:fixed;z-index:2;top:0;left:0;width:100%;background:var(--clr-white-100);border-bottom:1px solid var(--clr-transparent-black-30)}.logo-container .logo{width:clamp(10rem,12vw + 1rem,13rem)}.nav{transform:translateY(-2px)}.nav-list{list-style-type:none;display:flex;justify-content:space-evenly;align-items:flex-end}.nav-item{flex:1 1;transition:all .2s ease-out}.nav-item:hover{transform:translateY(-.2rem)}.nav-link{position:relative}.nav-icon{width:3rem}.nav-icon.linkedin{width:3.6rem}.nav-icon.behance{width:4rem}main.container{position:relative;z-index:1}.masonry{height:100%}.masonry--tile{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;z-index:2;overflow:hidden;border-radius:1rem;cursor:pointer;background-color:var(--clr-solid-black-20)}.masonry--tile-overlay{width:100%;padding:2rem;position:absolute;bottom:-2.8rem;z-index:1;left:0;display:flex;justify-content:space-between;background:linear-gradient(180deg,var(--clr-transparent-black-0) 0,var(--clr-transparent-black-20) 100%);text-rendering:optimizeLegibility;transition:all .2s ease-in-out}.masonry--tile-overlay .headings{display:grid;grid-gap:.2rem;gap:.2rem}.masonry--tile-overlay .h5{opacity:0;transition:all .2s ease-in-out}.masonry--tile-image{width:100%;transition:transform .6s ease-in-out;display:block;pointer-events:none}.masonry--tile-image::-moz-selection{color:transparent}.masonry--tile-image::selection{color:transparent}.masonry--tile .like-icon.animate{transition:all .1s ease-in-out;transform:scale(1.2)}.masonry--tile .likes{display:flex;flex-direction:column;gap:.2rem;align-items:center}.masonry--tile .likes-count{text-align:center;opacity:0;transition:all .2s ease-in-out}.masonry--tile .likes-count::-moz-selection{background-color:transparent}.masonry--tile .likes-count::selection{background-color:transparent}.masonry--tile:hover .masonry--tile-overlay{bottom:0}.masonry--tile:hover .masonry--tile-overlay .h5{opacity:1}.masonry--tile:hover .masonry--tile-image{transform-style:preserve-3d;transform:scale(1.2)}.masonry--tile:hover .likes-count{opacity:1}.footer{margin-top:calc(1rem + 10vh);padding:2rem 0;border-top:1px solid var(--clr-transparent-black-30)}.footer--inner{display:flex;flex-direction:column;justify-content:center;align-items:center}