html,body{scroll-behavior:smooth}.portfolio{z-index:1;height:auto;min-height:100dvh;background-color:var(--inova-darkgrey);position:relative;border-radius:0 0 40px 40px;display:block;padding:115px 16px 40px;overflow:hidden}.portfolio__slogan-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;opacity:0}.portfolio__slogan-container .spin-logo-container{position:absolute;width:120px;height:auto;left:93%;bottom:77%;display:grid;grid:1fr 1fr;align-items:center;justify-content:center}.portfolio__slogan-container img{width:120px;height:auto;grid-column:1/2;grid-row:1/2}.portfolio__slogan-container h1{font-family:'Startup';font-weight:200;font-size:60px;text-align:center;margin:0;line-height:1}.portfolio__slogan-container h1 span{font-family:'Startup';font-weight:600}.portfolio__slogan-fixed-mobile{background-color:#ff7f50;width:100%;max-width:398px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;opacity:1;display:none}.portfolio__slogan-fixed-mobile .spin-logo-container{position:absolute;width:120px;height:auto;right:0;bottom:85%;display:grid;grid:1fr 1fr;align-items:center;justify-content:center}.portfolio__slogan-fixed-mobile img{width:120px;height:auto;grid-column:1/2;grid-row:1/2}.portfolio__slogan-fixed-mobile h1{font-family:'Startup';font-weight:200;font-size:54px;text-align:center;margin:0;line-height:1}.portfolio__slogan-fixed-mobile h1 span{font-family:'Startup';font-weight:600}.portfolio__grid-container{max-width:1024px;margin:0 auto}.portfolio__grid1.portfolio__grid1--mobile{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:40px 24px}.portfolio__grid1.portfolio__grid1--mobile .portfolio__slogan-wrapper{grid-column:1/3;padding:24px 0 0}.portfolio__grid1.portfolio__grid1--mobile .portfolio__slogan-wrapper h1{font-size:54px}.portfolio__grid1.portfolio__grid1--mobile .portfolio__slogan-wrapper img{left:24px;right:unset;bottom:85%}.portfolio__grid1.portfolio__grid1--mobile img:nth-child(4){grid-column:1/3;margin:0 auto}.portfolio__grid2.portfolio__grid2--mobile{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:24px;margin-top:24px}.portfolio__grid2.portfolio__grid2--mobile img:nth-child(1){margin:0}.portfolio__grid1{display:none;gap:50px;grid-template-columns:1.2fr 1fr 1.2fr;grid-template-rows:1fr;align-items:start}.portfolio__grid1 img{width:100%;height:auto}.portfolio__grid1 img.eazzy-brand{width:80%}.portfolio__grid1 img.pizza-brand{width:80%}.portfolio__grid2{display:none;margin-top:50px;gap:50px;grid-template-columns:1fr 1.2fr 1fr;grid-template-rows:1fr;align-items:start}.portfolio__grid2 img{width:100%;height:auto}.portfolio__grid2 img:nth-child(1){margin-top:50px}.portfolio__grid2 img:nth-child(3){margin-top:-70px}.portfolio__slogan-wrapper{position:relative;z-index:10;min-width:412.5px}.portfolio__slogan-wrapper img{width:120px;height:auto;position:absolute;left:88%;bottom:80%}.portfolio__slogan-wrapper h1{font-family:'Startup';font-weight:200;font-size:60px;text-align:center;margin:0;line-height:1}.portfolio__slogan-wrapper h1 span{font-family:'Startup';font-weight:600}.portfolio__grid3{display:grid;margin-top:24px;gap:24px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;align-items:start}.portfolio__grid3 img{width:100%;height:auto}.portfolio__grid3 img:nth-child(1){max-height:350px;width:100%;object-fit:cover;border-radius:40px;grid-column:1/3}.portfolio__grid4{display:grid;margin-top:24px;gap:24px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;align-items:start}.portfolio__grid4 img{width:100%;height:auto}.portfolio__grid4 img:nth-child(3){grid-column:1/3}.portfolio__grid5{display:grid;margin-top:24px;gap:24px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;align-items:start}.portfolio__grid5 img{width:100%;height:auto}.portfolio__grid5 img:nth-child(1){grid-column:1/2;grid-row:1/2}.portfolio__grid5 img:nth-child(2){grid-column:1/2;grid-row:2/3}.portfolio__grid5 img:nth-child(3){grid-column:2/3;grid-row:1/2}.portfolio__grid5 img:nth-child(4){margin-top:-36px}.portfolio__grid5 img:nth-child(5){grid-column:1/3}.portfolio__grid5 img:nth-child(6){grid-column:1/3}.portfolio__grid6{display:grid;margin-top:24px;gap:24px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;align-items:start}.portfolio__grid6 img{width:100%;height:auto}.portfolio__grid6 img:nth-child(1){grid-column:1/3;grid-row:2/3}.portfolio__grid6 img:nth-child(2){grid-column:1/2;grid-row:1/2}.portfolio__grid6 img:nth-child(3){grid-column:2/3;grid-row:1/2}.portfolio__grid7{display:grid;margin-top:24px;gap:24px;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;align-items:start}.portfolio__grid7 img{width:100%;height:auto}.portfolio__grid7 img:nth-child(1){grid-column:1/2;grid-row:1/3;align-self:start}.portfolio__grid7 img:nth-child(5){grid-column:2/3;grid-row:2/3}@media (min-width: 576px){.portfolio__grid1.portfolio__grid1--mobile{gap:50px}.portfolio__grid1.portfolio__grid1--mobile .portfolio__slogan-wrapper{max-width:368px;margin:0 auto}.portfolio__grid1.portfolio__grid1--mobile .portfolio__slogan-wrapper h1{font-size:60px}.portfolio__grid1.portfolio__grid1--mobile .portfolio__slogan-wrapper img{left:98%;right:unset;bottom:77%}.portfolio__grid1.portfolio__grid1--mobile img:nth-child(4){max-width:80%;margin:auto 0 0}.portfolio__grid2.portfolio__grid2--mobile{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:50px;margin-top:50px}.portfolio__grid3{margin-top:50px;gap:50px}.portfolio__grid3 img:nth-child(1){max-height:unset;width:80%;margin:0 auto;object-fit:unset;border-radius:0;grid-column:1 / 3}.portfolio__grid4{margin-top:50px;gap:50px}.portfolio__grid5{margin-top:50px;gap:50px}.portfolio__grid6{margin-top:50px;gap:50px}.portfolio__grid7{margin-top:50px;gap:50px}}@media (min-width: 768px){.portfolio__grid1.portfolio__grid1--mobile .portfolio__slogan-wrapper h1{font-size:60px}}@media (min-width: 992px){.portfolio{border-radius:0 0 60px 60px;padding:80px 40px 40px}.portfolio__slogan-fixed-mobile{display:none;opacity:0}.portfolio__slogan-container{display:block}.portfolio__grid1.portfolio__grid1--mobile,.portfolio__grid2.portfolio__grid2--mobile{display:none}.portfolio__grid1{display:grid}.portfolio__grid1 img:nth-child(odd){margin-top:90px}.portfolio__grid1 img.eazzy-brand,.portfolio__grid1 img.pizza-brand{width:100%}.portfolio__grid2{display:grid}.portfolio__grid3{display:grid;margin-top:50px;gap:50px;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:1fr;align-items:end}.portfolio__grid3 img:nth-child(1){max-height:350px;width:100%;object-fit:cover;border-radius:40px;grid-column:unset;margin:0}.portfolio__grid4{display:grid;margin-top:50px;gap:50px;grid-template-columns:1fr 1.2fr 1.6fr;grid-template-rows:1fr;align-items:start}.portfolio__grid4 img:nth-child(1){max-height:395px;object-fit:cover;border-radius:30px}.portfolio__grid4 img:nth-child(3){grid-column:unset}.portfolio__grid5{display:grid;margin-top:50px;gap:50px;grid-template-columns:0.5fr 0.7fr 1fr 1.3fr;grid-template-rows:repeat(2,auto);align-items:start}.portfolio__grid5 img:nth-child(1){grid-column:1/3;grid-row:1/2}.portfolio__grid5 img:nth-child(2){grid-column:3/4;grid-row:1/2}.portfolio__grid5 img:nth-child(3){margin-top:-60px;grid-column:4/5;grid-row:1/2}.portfolio__grid5 img:nth-child(4){grid-column:1/3;grid-row:2/3;max-height:395px;width:auto;margin-top:-50px}.portfolio__grid5 img:nth-child(5){grid-column:2/4;grid-row:2/3;margin-left:auto;max-width:450px}.portfolio__grid5 img:nth-child(6){grid-column:4/5;grid-row:1/3;align-self:end}.portfolio__grid6{display:grid;margin-top:50px;gap:50px;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:1fr;align-items:end}.portfolio__grid6 img:nth-child(1){grid-column:unset;grid-row:unset}.portfolio__grid6 img:nth-child(2){align-self:start;margin-top:-15px;grid-column:unset;grid-row:unset}.portfolio__grid6 img:nth-child(3){grid-column:unset;grid-row:unset}.portfolio__grid7{display:grid;margin-top:50px;gap:50px;grid-template-columns:3fr 290px 0.5fr 290px;grid-template-rows:repeat(2,auto);align-items:start}.portfolio__grid7 img:nth-child(1){grid-column:1/2;grid-row:1/3;align-self:end}.portfolio__grid7 img:nth-child(2){grid-column:2/4;grid-row:1/2}.portfolio__grid7 img:nth-child(3){grid-column:4/5;grid-row:1/2}.portfolio__grid7 img:nth-child(4){grid-column:2/3;grid-row:2/3;margin-top:-135px}.portfolio__grid7 img:nth-child(5){grid-column:3/5;grid-row:2/3;margin-top:-25px}}@media (min-width: 1400px){.portfolio__grid-container{max-width:1200px}}.rotate{animation:loading 10s linear infinite}@keyframes loading{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}