@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;700&display=swap");@import url(vendor/normalize.css);html,body{font-family:"Work Sans", sans-serif;background:#fff;width:100%;height:100%;line-height:1.2}html{font-size:18px;color:#333}body{overflow-x:hidden}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}a:focus,a:active,a:hover{outline:revert}h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,th,td,blockquote,button,figure,fieldset,legend,menu{font-weight:normal;padding:0;margin:0}.site-body{width:100%;padding-left:25%}@media only screen and (max-width: 990px){.site-body{padding-left:0}}.loading{background-image:url(/images/loading.gif);background-position:center;background-repeat:no-repeat}h1,.h1{font-size:48px;line-height:76px}h2,.h2{font-size:36px;font-weight:500;line-height:43px}h3,.h3{font-size:24px;font-weight:500;line-height:29px}h4,.h4{font-size:22px;font-weight:500;line-height:30px}h5,.h5{font-size:18px;font-weight:700;line-height:13px}h6,.h6{font-size:15px;font-weight:700;line-height:13px}p,li{font-size:20px;line-height:30px;color:#333}p a,li a{color:#333}p a:hover,p a:focus,li a:hover,li a:focus{text-decoration:none}p img,li img{display:block;max-width:100%}p+p{margin-top:20px}li{list-style:none}.site-header{width:25%;max-width:400px;padding:50px 0 0 3%;position:fixed;top:0;bottom:0;left:0;background-color:#fff}@media only screen and (max-width: 990px){.site-header{width:100%;max-width:100%;padding-left:0;position:static}}.logo-jords{display:block;max-width:95%}@media only screen and (max-width: 990px){.logo-jords{max-width:50%;margin:0 auto}}@media only screen and (max-width: 480px){.logo-jords{max-width:90%}}.header-intro{padding:0 10px;border-left:5px solid #385B7B}@media only screen and (max-width: 990px){.header-intro{max-width:90%;margin:0 auto}}@media only screen and (max-width: 480px){.header-intro{max-width:100%}}.site-nav{position:fixed;top:0;left:0;z-index:99;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease}.nav-is-open .site-nav{-webkit-transform:translateX(0);transform:translateX(0);width:25%}@media only screen and (max-width: 990px){.nav-is-open .site-nav{width:50%}}@media only screen and (max-width: 480px){.nav-is-open .site-nav{width:100%}}.nav-items{display:block;padding:70px 0 30px;background-color:#385B7B}.nav-item a{font-size:18px;text-decoration:none;color:#f5f5f5;display:block;padding:5px 20px}.nav-item a:hover{text-decoration:underline}.btn-nav{position:fixed;top:15px;left:15px;background-color:transparent;border:0;z-index:100}.btn-nav svg{width:32px;height:32px}.btn-nav svg.open{display:block}.btn-nav svg.close{display:none}.nav-is-open .btn-nav svg.open{display:none}.nav-is-open .btn-nav svg.close{display:block}.sm-links{display:flex;justify-content:space-between;width:80%;padding-bottom:40px}.sm-links a{color:#4A4A4A;opacity:0.9;-webkit-transition:color 0.2s ease, opacity 0.2s ease;transition:color 0.2s ease, opacity 0.2s ease}.sm-links a:hover{color:#385B7B;opacity:1}@media only screen and (max-width: 990px){.sm-links{max-width:50%;margin:0 auto}}@media only screen and (max-width: 480px){.sm-links{max-width:100%}}.site-footer{width:80%;padding:0 20px 20px;margin:0 auto}@media only screen and (max-width: 990px){.site-footer{width:93%}}@media only screen and (max-width: 480px){.site-footer{width:100%}}.signoff{padding-bottom:50px}.copyright{font-size:12px;text-align:center}.site-content{width:100%;padding:50px 20px}.site-content-section{width:80%;margin:0 auto}@media only screen and (max-width: 990px){.site-content-section{width:93%}}@media only screen and (max-width: 480px){.site-content-section{width:100%}}.work-title{font-family:"Georgia", Times, serif;font-weight:bold;font-size:42px;line-height:1.3;color:#385B7B;margin-bottom:10px}@media only screen and (max-width: 480px){.work-title{font-size:28px;margin-bottom:5px}}.work-intro{font-size:18px;line-height:1.5;margin-bottom:50px}.work-items{display:-ms-grid;display:grid;gap:50px;-ms-grid-columns:(minmax(0, 1fr))[2];grid-template-columns:repeat(2, minmax(0, 1fr));margin-bottom:100px}@media only screen and (max-width: 990px){.work-items{-ms-grid-columns:(minmax(0, 1fr))[2];grid-template-columns:repeat(2, minmax(0, 1fr))}}@media only screen and (max-width: 480px){.work-items{-ms-grid-columns:(minmax(0, 1fr))[1];grid-template-columns:repeat(1, minmax(0, 1fr));margin-bottom:50px}}.work-item{cursor:pointer}.work-item .img-container{position:relative;padding-top:56.2%;border:1px solid #fff;-webkit-transition:border 0.2s ease;transition:border 0.2s ease}.work-item img{margin:auto;width:100%;max-height:100%;position:absolute;top:0;right:0;bottom:0;left:0;-o-object-fit:cover;object-fit:cover}.work-item .thumb{display:none}.work-item figcaption{font-size:18px;line-height:1.5;padding:10px 0 20px}.work-item.business_card .img-container{border-color:#9B9B9B}.work-item:hover .img-container{border-color:#385B7B}.portrait .work-item .img-container{padding-top:137.2%}@media only screen and (max-width: 990px){.work-item .large{display:none}.work-item .thumb{display:block}}.caption-title{font-family:"Georgia", Times, serif;font-weight:bold;font-size:20px;line-height:1.5;color:#333}.is-flipable{-webkit-perspective:1000px;perspective:1000px}.flipper{-webkit-transition:0.6s;transition:0.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.flipper img{-webkit-backface-visibility:hidden;backface-visibility:hidden}.flipper .is-front{z-index:2;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.flipper .is-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flipper:hover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.modal{opacity:0;visibility:hidden;display:flex;justify-content:center;align-items:flex-start;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.8);-webkit-transition:opacity 0.2s ease, visibility 0.2s ease;transition:opacity 0.2s ease, visibility 0.2s ease;z-index:100}.modal-is-open .modal{opacity:1;visibility:visible}.modal-content{display:flex;flex-direction:column;justify-content:center;min-width:200px;min-height:200px;max-width:90%;max-height:100vh;padding:24px;overflow:hidden;overflow-y:auto;position:relative;border-radius:4px;background-color:#fff;-webkit-box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);box-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.modal-content img{display:block;max-width:100%;height:auto;margin:0 auto}.modal-content figcaption{font-size:18px;line-height:1.5;padding-top:24px;max-width:1024px;background-color:#fff}.modal-content figcaption:empty{display:none}@media only screen and (max-width: 480px){.modal-content{max-width:100%;border-radius:0}}.btn-modal{position:absolute;top:2px;right:2px;background-color:transparent;border:0}.btn-modal svg{display:block;width:24px;height:24px}