body{--side-pad: 40px;overflow-x:hidden}body.shows-clicked{overflow:hidden;pointer-events:none}h1{font-size:80px;font-weight:550}body.shows-clicked .github-link{pointer-events:none}body,html{overscroll-behavior:none}body.resizing .card{transition:none!important}.landing-section{display:grid;--inset: 50px;--side-inset: 80px;--h: 60px;--f: 0px;margin:0 var(--side-inset);margin-top:60px;height:calc(100vh - var(--inset) * 2);grid-template-rows:calc(100vh - var(--inset) * 2 - var(--h) - var(--f))}@supports (height: 100dvh){.landing-section{height:calc(100dvh - var(--inset) * 2);grid-template-rows:calc(100dvh - var(--inset) * 2 - var(--h) - var(--f))}}.card video{position:absolute;height:var(--card-h);width:var(--card-w);border-radius:var(--card-r);object-fit:cover;overflow:hidden;transition:opacity .4s}.card img{transition:opacity .4s;object-fit:fill}#working img{object-fit:cover}.landing-footer{display:flex;justify-content:space-between;align-items:center}.landing-header{display:flex;align-items:flex-end;position:relative;flex-direction:column}.tagline{font-size:30px}.large-btn{--height: 59px !important;font-size:18px!important;height:var(--height)!important;padding:0 25px!important}.cards{display:flex;align-items:center;justify-content:center;position:relative;pointer-events:all;justify-self:center;width:100%}.card{position:absolute;pointer-events:all;transition:transform .3s,opacity .3s;--card-r: 25px;--card-h: 340px;--card-w: 280px;height:var(--card-h);width:var(--card-w);border-radius:var(--card-r);cursor:pointer;display:flex;align-items:center;justify-content:center;outline:solid 6px transparent;transform:rotate(var(--rotate)) scale(var(--scale));transform-origin:center center;left:var(--l);top:var(--t);bottom:var(--b);right:var(--r)}.placeholder-image{position:absolute;width:var(--card-w);height:var(--card-h);border-radius:var(--card-r);background:var(--bg)}.card.horizontal{--card-h: 280px;--card-w: 400px}.card:not(.clicked,.slow):hover{z-index:10;transform:rotate(0) scale(calc(var(--scale) * 1.2))}.card.slow{z-index:10}.card .fullscale{position:absolute;width:var(--card-w);height:var(--card-h);border-radius:var(--card-r)}.card img,.card video{-webkit-user-select:none;user-select:none;pointer-events:none}.card .shadow{-webkit-user-select:none;position:absolute;height:137%;top:-17%;width:137%;pointer-events:none;user-select:none}.card.horizontal .shadow{position:absolute;height:127%;top:-12%;width:132%}.card.dim{opacity:0;transform:rotate(var(--rotate)) scale(calc(var(--scale) * .8));pointer-events:none}.card.clicked{transform:var(--clicked-transform);z-index:1000;transition:transform .5s ease,opacity .3s,left 1s,right 1s,top 1s,bottom 1s}.card.slow{transition:transform .5s,opacity .3s}.landing-footer,.landing-header{transition:opacity .4s}body.shows-clicked .landing-header,body.shows-clicked .landing-footer,body.shows-clicked .click-on-cards{opacity:0}.footer-btns{display:flex;flex-direction:row;gap:20px}.clicked-content{opacity:0;transition:opacity .3s}body.shows-clicked .clicked-content.loaded{opacity:1!important;pointer-events:all}.clicked-header{position:absolute;top:5%;left:50%;opacity:0;transition:opacity .3s}#working{--rotate: -10deg;--scale: 1.05;--l: 27%;--b: 10%;--bs: 10%;--bg: linear-gradient(180deg, #C6B0A1 0%, #4f4238 100%)}#beginning{--rotate: -7deg;--scale: .6;--l: 0%;--b: 5%;--bg: #232325}#linkify{--rotate: 10deg;--scale: .5;--r: 2%;--b: 3%;--bg: #947BF7}#extracter{--rotate: 6deg;--scale: .6;--l: 45%;--b: -3%;--bg: #FF9484}#mond{--rotate: 5deg;--scale: .6;--l: 22%;--t: 6%;--bg: #23125A}#designing{--l: 0%;--t: 2%;--bg: #C5BFBA}#greece{--scale: .85;--rotate: 10deg;--r: 25%;--t: 32%;--bg: #5E552A}#mobile{--scale: .65;--rotate: -8deg;--r: 37%;--t: -2%;--bg: #858276}#mobile img{object-fit:cover}#ekapallet{--rotate: -6deg;--scale: .6;--r: 0%;--t: 25%;--bg: #58597F}#carlo{--rotate: -6deg;--scale: .4;--l: 35%;--t: 30%;--bg: #5E8B83}img,video{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}#mesa{--bg: #5E1B2F;--rotate: 3deg;--scale: .55;--r: 7%;--t: -4%}#image-to-360{--rotate: -10deg;--l: 6%;--scale: .58;--t: 25%;--bg: #7BA1F8}@media (max-width: 1400px){.card:not(.clicked){transform:rotate(var(--rotate)) scale(calc(var(--scale) * .95))}#carlo{--rotate: -6deg;--scale: .4;--l: 30%;--b: 30%}@media (max-height: 890px){#carlo{--b: 20%}}#mond{--l: 17%;--t: 4%}#greece{--r: 20%;--t: 24%}#ekapallet{--r: -4%;--t: 28%}#working{--l: 25%;--b: 8%}}@media (max-width: 1200px){h1{font-size:75px}.landing-section{--inset: 50px;--side-inset: 60px}.card:not(.clicked){transform:rotate(var(--rotate)) scale(calc(var(--scale) * .94))}.card:not(.clicked):hover{z-index:10;transform:rotate(0) scale(calc(var(--scale) * 1.1))}}@media (max-width: 1300px){.card:not(.clicked){transform:rotate(var(--rotate)) scale(calc(var(--scale) * .9))}}@media (max-width: 1100px){.landing-section{--inset: 35px;--side-inset: 40px}#greece{--t: 28%;--r: 22%}#linkify{--b: 12%;--r: -2%}#carlo{--b: 36%}.card:not(.clicked){transform:rotate(var(--rotate)) scale(calc(var(--scale) * .8))}}.landing-footer-gradient{display:none;pointer-events:none}@media (max-width: 1000px),(max-height: 800px){.landing-section{--inset: 30px;--side-inset: 50px;margin-top:0}.card{--card-r: 25px;--card-h: 461px;--card-w: 380px}.card.clicked.mobile-static{position:fixed;top:calc(15px + 25vh)!important;left:50%!important}.card.horizontal.clicked.mobile-static{top:calc(15px + 25vh)!important}.card.clicked{pointer-events:none}.card.horizontal{--card-h: 308px;--card-w: 440px}body,html{overscroll-behavior-y:inherit}.landing-header{position:absolute;right:28px;top:38px}.landing-section{--f: 250px;--side-inset: 0px;--inset: 0px;display:flex;width:100vw;align-items:start;justify-content:center;flex-shrink:0;grid-template-columns:inherit}h1{font-size:90px}.landing-footer{position:fixed;bottom:0;padding-bottom:100px;width:100vw;display:flex;justify-content:center;z-index:1}.landing-footer-gradient{background-color:var(--bg);z-index:-1;position:absolute;left:0;background:linear-gradient(180deg,rgba(241,241,241,0) 0%,var(--bg) 94%);display:block;top:-150%;width:100%;height:270%}.cards{display:grid;overflow-x:hidden;width:auto;gap:14vh;height:auto!important;padding-top:24vh;padding-bottom:40vh;width:100%;justify-items:center}.cards>*{order:999}.cards>:nth-child(12){order:1}.cards>:nth-child(11){order:2}.cards>:nth-child(6){order:3}.cards>:nth-child(2){order:4}.cards>:nth-child(8){order:5}.cards>:nth-child(3){order:6}.cards>:nth-child(4){order:7}.cards>:nth-child(1){order:8}.cards>:nth-child(7){order:9}.cards>:nth-child(9){order:10}.cards>:nth-child(5){order:11}.cards>:nth-child(10){order:12}.card{position:relative;left:auto!important;top:auto!important;flex-shrink:0!important;bottom:auto!important;right:auto!important}.card:not(.clicked):hover,.card:not(.clicked){z-index:1;transform:none}.click-on-cards,.footer-btns{display:none}}@media (max-width: 600px){h1{font-size:70px}.landing-footer{padding-bottom:80px}.cards{padding-top:18vh!important;gap:12vh}.tagline{font-size:24px}.card{--card-r: 25px !important}}@media (max-width: 490px){h1{font-size:60px}.card{--card-r: 25px;--card-h: 400px;--card-w: 330px}.card.horizontal{--card-h: 280px;--card-w: 400px}.landing-footer{padding-bottom:74px}}@media (max-width: 450px){h1{font-size:50px}.card{--card-r: 20px;--card-h: 363px;--card-w: 300px}.card.horizontal{--card-h: 252px;--card-w: 360px}}@media (max-width: 410px){h1{font-size:42px}.landing-footer{padding-bottom:30px}.card{--card-r: 15px;--card-h: 350px;--card-w: 290px}.card.horizontal{--card-h: 238px;--card-w: 340px}}.like-button{position:relative;width:var(--height)!important;padding:0!important;transition:background-color .2s,color .2s}.like-button.liked{background-color:var(--primary);color:#fff}.like-button.liked:hover{opacity:.9;background-color:var(--primary)!important}.total-indicator{position:absolute;right:0;top:0;transform:translate(40%,-40%);color:#fff;border-radius:100em;background-color:var(--primary);font-size:13px;padding:5px 10px}@keyframes likeBounce{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}svg.liked{animation:likeBounce .3s ease-out forwards}.click-on-cards{position:fixed;bottom:30px;left:50%;background-color:#fff;font-size:15px;padding:20px 33px;color:#757575;border-radius:100em;transform:translate(-50%,120px);transition:transform .4s ease,box-shadow .4s,opacity .2s}.click-on-cards.visible{transform:translate(-50%);box-shadow:0 2px 25px #0000001a}body.shows-clicked .click-on-cards{transform:translate(-50%,120px)}body.shows-clicked .section-switcher-wrapper{opacity:0}.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}body{--p: 50px}.github-link{display:flex;height:35px!important;flex-shrink:0;width:35px!important;position:fixed;top:0;right:var(--p);transform:translateY(100%);margin-top:0;border-radius:100em;align-items:center;justify-content:center;z-index:10;transition:opacity .4s}body.shows-clicked .github-link{opacity:0}.github-link:hover{opacity:.5}.github-link:active{opacity:.2}.github-link svg{height:20px;-webkit-user-select:none;user-select:none;pointer-events:none;width:20px}