.package.svelte-1c45ctu.svelte-1c45ctu.svelte-1c45ctu{--box-light:#d8b38d;--box-mid:#c6a07a;--box-inner-mid:#b78e6a;--box-dark:#a87d5b;--box-inner-dark:#9a6c4d;--box-inner-darkest:#8c5c40}.package.svelte-1c45ctu #logo.svelte-1c45ctu.svelte-1c45ctu{--size:4rem;width:var(--size);height:var(--size);perspective:150rem;cursor:pointer}.project-icon.svelte-1c45ctu.svelte-1c45ctu.svelte-1c45ctu{display:grid;place-items:center;padding:.5rem}.package.svelte-1c45ctu #logo .box.svelte-1c45ctu.svelte-1c45ctu{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:translate(calc(var(--normal) * .2rem)) translateZ(-20rem) rotatex(-15deg) rotatey(calc(var(--random) * 1deg));font-size:1rem;color:var(--surfaces);text-align:center;transition:all .75s ease-out}.package.svelte-1c45ctu #logo .box.svelte-1c45ctu>.svelte-1c45ctu{position:absolute;background:#0008;transition:.5s}.package.svelte-1c45ctu #logo .box .side.front.svelte-1c45ctu.svelte-1c45ctu,body #logo.svelte-1c45ctu .box .side.left.svelte-1c45ctu.svelte-1c45ctu,body #logo.svelte-1c45ctu .box .side.back.svelte-1c45ctu.svelte-1c45ctu,body #logo.svelte-1c45ctu .box .side.right.svelte-1c45ctu.svelte-1c45ctu{width:var(--size);height:calc(var(--size) * .95);transform:translateY(calc(var(--size) * .25)) rotateY(var(--angle, 0deg)) translateZ(calc(var(--size) * .5))}.package.svelte-1c45ctu #logo .box .side.front.svelte-1c45ctu.svelte-1c45ctu{background:var(--box-mid)}.package.svelte-1c45ctu #logo .box .side.right.svelte-1c45ctu.svelte-1c45ctu{--angle:90deg;background:var(--box-inner-mid)}.package.svelte-1c45ctu #logo .box .side.back.svelte-1c45ctu.svelte-1c45ctu{--angle:180deg;background:var(--box-inner-dark)}.package.svelte-1c45ctu #logo .box .side.left.svelte-1c45ctu.svelte-1c45ctu{--angle:-90deg;background:var(--box-dark)}.package.svelte-1c45ctu #logo .box .side.bottom.svelte-1c45ctu.svelte-1c45ctu{width:var(--size);height:var(--size);transform:translateY(calc(var(--size) * .25)) rotateX(90deg) translateZ(calc(var(--size) * -.45));background:var(--box-inner-darkest)}.shadow.svelte-1c45ctu.svelte-1c45ctu.svelte-1c45ctu{box-shadow:25px 0 10px #0000001a}.package.svelte-1c45ctu #logo .box .flap.svelte-1c45ctu.svelte-1c45ctu{background:var(--box-light)}.package.svelte-1c45ctu #logo .box .flap.front.svelte-1c45ctu.svelte-1c45ctu,body #logo.svelte-1c45ctu .box .flap.back.svelte-1c45ctu.svelte-1c45ctu{width:var(--size);height:calc(var(--size) * .5)}.package.svelte-1c45ctu #logo .box .flap.left.svelte-1c45ctu.svelte-1c45ctu,body #logo.svelte-1c45ctu .box .flap.right.svelte-1c45ctu.svelte-1c45ctu{width:calc(var(--size) * .5);height:var(--size)}.package.svelte-1c45ctu #logo .box .flap.front.svelte-1c45ctu.svelte-1c45ctu{transform-origin:50% 100% calc(var(--size) * .5);transform:translateY(calc(var(--size) * -.25)) rotateX(90deg) translateZ(calc(var(--size) * .499))}.package.svelte-1c45ctu #logo .box .flap.back.svelte-1c45ctu.svelte-1c45ctu{transform-origin:50% 100% calc(var(--size) * -.5);transform:translateY(calc(var(--size) * -.25)) rotateX(-90deg) translateZ(calc(var(--size) * -.499))}.package.svelte-1c45ctu #logo .box .flap.left.svelte-1c45ctu.svelte-1c45ctu{transform-origin:0 50% 0;transform:translateY(calc(var(--size) * -.25)) rotateX(90deg) rotateY(0)}.package.svelte-1c45ctu #logo .box .flap.right.svelte-1c45ctu.svelte-1c45ctu{transform-origin:0 50% 0;transform:translate(var(--size)) translateY(calc(var(--size) * -.25)) rotateX(90deg) rotateY(180deg)}.package.svelte-1c45ctu #logo:not(:hover) .box .flap.left.svelte-1c45ctu.svelte-1c45ctu,body #logo.svelte-1c45ctu:not(:hover) .box .flap.right.svelte-1c45ctu.svelte-1c45ctu{transition-delay:.2s}.package.svelte-1c45ctu #logo:hover .box.svelte-1c45ctu.svelte-1c45ctu{transform:translateZ(-25rem) rotatex(-20deg) rotatey(-30deg)}.package.svelte-1c45ctu #logo:hover .box .flap.svelte-1c45ctu.svelte-1c45ctu{background:var(--box-inner-mid)}.package.svelte-1c45ctu #logo:hover .box .flap.front.svelte-1c45ctu.svelte-1c45ctu,body #logo.svelte-1c45ctu:hover .box .flap.back.svelte-1c45ctu.svelte-1c45ctu{transition-delay:.2s}.package.svelte-1c45ctu #logo:hover .box .flap.front.svelte-1c45ctu.svelte-1c45ctu{transform:translateY(calc(var(--size) * -.25)) rotateX(-120deg) translateZ(calc(var(--size) * .499))}.package.svelte-1c45ctu #logo:hover .box .flap.back.svelte-1c45ctu.svelte-1c45ctu{transform:translateY(calc(var(--size) * -.25)) rotateX(120deg) translateZ(calc(var(--size) * -.499))}.package.svelte-1c45ctu #logo:hover .box .flap.left.svelte-1c45ctu.svelte-1c45ctu{transform:translateY(calc(var(--size) * -.25)) rotateX(90deg) rotateY(-210deg)}.package.svelte-1c45ctu #logo:hover .box .flap.right.svelte-1c45ctu.svelte-1c45ctu{transform:translate(var(--size)) translateY(calc(var(--size) * -.25)) rotateX(90deg) rotateY(380deg)}.socials.svelte-1xs445t{bottom:2rem;display:flex;align-items:center;font-size:.8rem;color:#656d76}.icon.svelte-1xs445t{z-index:1;display:grid;place-items:center}img.svelte-1xs445t{margin-left:-.5rem}.projects.svelte-1tdrie4.svelte-1tdrie4{width:100%;min-height:88vh;padding:0rem 2rem;display:flex;justify-content:center;align-items:center;position:relative}.box-piles.svelte-1tdrie4.svelte-1tdrie4{display:flex;justify-content:space-around;align-items:flex-end;min-width:60%}.pile.svelte-1tdrie4.svelte-1tdrie4{position:relative;display:flex;flex-direction:column-reverse;justify-content:center}.box-container.svelte-1tdrie4.svelte-1tdrie4{position:relative;transition:transform .3s ease}.box-container.svelte-1tdrie4:hover~.box-container.svelte-1tdrie4{transform:translateY(-30px)}.box-container.svelte-1tdrie4.svelte-1tdrie4{margin-bottom:-.75rem}.hovered-temp.svelte-1tdrie4.svelte-1tdrie4{position:absolute;width:100%;top:15%;font-size:1.3rem;font-weight:200;text-align:center;margin-bottom:1.5rem}.hovered-name.svelte-1tdrie4.svelte-1tdrie4{position:absolute;width:100%;top:10%}.socials.svelte-1tdrie4.svelte-1tdrie4{display:grid;place-items:center}.title.svelte-1tdrie4.svelte-1tdrie4{text-align:center;font-family:Lora,serif;font-size:1.4rem;color:var(--hover);margin-bottom:.5rem}.subtitle.svelte-1tdrie4.svelte-1tdrie4{text-align:center;font-size:.9rem;color:var(--hover)}