/*! tailwindcss v2.2.2 | MIT License | https://tailwindcss.com*/

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{-webkit-text-size-adjust:100%;line-height:1.15;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;margin:0}small{font-size:80%}h1,p{margin:0}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{border:0 solid;box-sizing:border-box}img{border-style:solid}h1{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}img,svg{display:block;vertical-align:middle}img{height:auto;max-width:100%}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.visible{visibility:visible}.mt-10{margin-top:2.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.flex{display:flex}.grid{display:grid}.h-64{height:16rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-xl{max-width:36rem}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}@-webkit-keyframes spin{to{transform:rotate(1turn)}}@keyframes spin{to{transform:rotate(1turn)}}@-webkit-keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@-webkit-keyframes pulse{50%{opacity:.5}}@keyframes pulse{50%{opacity:.5}}@-webkit-keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes bounce{0%,to{-webkit-animation-timing-function:cubic-bezier(.8,0,1,1);animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.cursor-default{cursor:default}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-10{gap:2.5rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.rounded-lg{border-radius:.5rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.bg-white{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgba(243,244,246,var(--tw-bg-opacity))}.bg-purple-400{--tw-bg-opacity:1;background-color:rgba(167,139,250,var(--tw-bg-opacity))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.leading-relaxed{line-height:1.625}.text-white{--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgba(55,65,81,var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgba(31,41,55,var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgba(59,130,246,var(--tw-text-opacity))}.hover\:opacity-50:hover{opacity:.5}*,:after,:before{--tw-shadow:0 0 #0000}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.hover\:shadow-2xl:hover,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px rgba(0,0,0,0.25)}*,:after,:before{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.invert{--tw-invert:invert(100%)}.transition{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.masonry{-moz-column-count:1;column-count:1;-moz-column-gap:2.5rem;column-gap:2.5rem}.masonry-item{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:2.5rem}@media (min-width:768px){.masonry{-moz-column-count:2;column-count:2}}@media (min-width:1280px){.masonry{-moz-column-count:3;column-count:3}}.logo{filter:sepia() saturate(10000%) hue-rotate(300deg)}.hover-popup{left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .2s ease-out;will-change:transform,opacity;z-index:1000}.hover-popup.visible{opacity:1}#jan-popup img{border-radius:8px;box-shadow:0 8px 30px rgba(0,0,0,.2);height:150px;-o-object-fit:cover;object-fit:cover;width:150px}#work-popup{height:200px;width:200px}#work-popup.visible.hiding{opacity:1}@-webkit-keyframes fanOut1{0%{opacity:0;transform:rotate(0deg) translate(10px,20px) scale(.95)}to{opacity:1;transform:rotate(-3deg)}}@keyframes fanOut1{0%{opacity:0;transform:rotate(0deg) translate(10px,20px) scale(.95)}to{opacity:1;transform:rotate(-3deg)}}@-webkit-keyframes fanOut2{0%{opacity:0;transform:rotate(0deg) translate(10px,20px) scale(.95)}to{opacity:1;transform:rotate(2deg)}}@keyframes fanOut2{0%{opacity:0;transform:rotate(0deg) translate(10px,20px) scale(.95)}to{opacity:1;transform:rotate(2deg)}}@-webkit-keyframes fanOut3{0%{opacity:0;transform:rotate(0deg) translate(10px,20px) scale(.95)}to{opacity:1;transform:rotate(-4deg)}}@keyframes fanOut3{0%{opacity:0;transform:rotate(0deg) translate(10px,20px) scale(.95)}to{opacity:1;transform:rotate(-4deg)}}@-webkit-keyframes fanOut4{0%{opacity:0;transform:rotate(0deg) translate(10px,20px) scale(.95)}to{opacity:1;transform:rotate(5deg)}}@keyframes fanOut4{0%{opacity:0;transform:rotate(0deg) translate(10px,20px) scale(.95)}to{opacity:1;transform:rotate(5deg)}}#work-popup .stack-image{border-radius:6px;box-shadow:0 4px 20px rgba(0,0,0,.15);height:100px;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;width:160px}#work-popup .stack-image:first-child{left:0;top:0;z-index:4}#work-popup .stack-image:nth-child(2){left:20px;top:15px;z-index:3}#work-popup .stack-image:nth-child(3){left:-10px;top:30px;z-index:2}#work-popup .stack-image:nth-child(4){left:15px;top:45px;z-index:1}.hover-popup.visible .stack-image:first-child{-webkit-animation:fanOut1 .35s cubic-bezier(.34,1.56,.64,1) forwards;animation:fanOut1 .35s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-animation-delay:0ms;animation-delay:0ms}.hover-popup.visible .stack-image:nth-child(2){-webkit-animation:fanOut2 .35s cubic-bezier(.34,1.56,.64,1) forwards;animation:fanOut2 .35s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-animation-delay:50ms;animation-delay:50ms}.hover-popup.visible .stack-image:nth-child(3){-webkit-animation:fanOut3 .35s cubic-bezier(.34,1.56,.64,1) forwards;animation:fanOut3 .35s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-animation-delay:.1s;animation-delay:.1s}.hover-popup.visible .stack-image:nth-child(4){-webkit-animation:fanOut4 .35s cubic-bezier(.34,1.56,.64,1) forwards;animation:fanOut4 .35s cubic-bezier(.34,1.56,.64,1) forwards;-webkit-animation-delay:.15s;animation-delay:.15s}@-webkit-keyframes fanIn1{0%{opacity:1;transform:rotate(-3deg)}to{opacity:0;transform:rotate(-3deg)}}@keyframes fanIn1{0%{opacity:1;transform:rotate(-3deg)}to{opacity:0;transform:rotate(-3deg)}}@-webkit-keyframes fanIn2{0%{opacity:1;transform:rotate(2deg)}to{opacity:0;transform:rotate(2deg)}}@keyframes fanIn2{0%{opacity:1;transform:rotate(2deg)}to{opacity:0;transform:rotate(2deg)}}@-webkit-keyframes fanIn3{0%{opacity:1;transform:rotate(-4deg)}to{opacity:0;transform:rotate(-4deg)}}@keyframes fanIn3{0%{opacity:1;transform:rotate(-4deg)}to{opacity:0;transform:rotate(-4deg)}}@-webkit-keyframes fanIn4{0%{opacity:1;transform:rotate(5deg)}to{opacity:0;transform:rotate(5deg)}}@keyframes fanIn4{0%{opacity:1;transform:rotate(5deg)}to{opacity:0;transform:rotate(5deg)}}#work-popup.visible.hiding .stack-image:first-child{-webkit-animation:fanIn1 .1s ease-out forwards!important;animation:fanIn1 .1s ease-out forwards!important}#work-popup.visible.hiding .stack-image:nth-child(2){-webkit-animation:fanIn2 .1s ease-out forwards!important;animation:fanIn2 .1s ease-out forwards!important}#work-popup.visible.hiding .stack-image:nth-child(3){-webkit-animation:fanIn3 .1s ease-out forwards!important;animation:fanIn3 .1s ease-out forwards!important}#work-popup.visible.hiding .stack-image:nth-child(4){-webkit-animation:fanIn4 .1s ease-out forwards!important;animation:fanIn4 .1s ease-out forwards!important}@media (hover:none){.hover-popup{display:none}}@media (prefers-reduced-motion:reduce){.hover-popup{transition:none}#work-popup .stack-image{-webkit-animation:none;animation:none;opacity:1}#work-popup .stack-image:first-child{transform:rotate(-3deg)}#work-popup .stack-image:nth-child(2){transform:rotate(2deg)}#work-popup .stack-image:nth-child(3){transform:rotate(-4deg)}#work-popup .stack-image:nth-child(4){transform:rotate(5deg)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}