*,*::before,*::after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}@font-face{font-family:"PP Eiko Light";src:url(/wp-content/themes/jdxpl.com/dist/a8c8e57ca0fcbe7b9531.woff2) format("woff2"),url(/wp-content/themes/jdxpl.com/dist/2a8f12c6929fd0f807aa.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"PP Eiko Medium";src:url(/wp-content/themes/jdxpl.com/dist/6de8bdd1f49c5f138610.woff2) format("woff2"),url(/wp-content/themes/jdxpl.com/dist/668531ea83258dd77064.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"PP Eiko Regular";src:url(/wp-content/themes/jdxpl.com/dist/60fddd835291bc2020f5.woff2) format("woff2"),url(/wp-content/themes/jdxpl.com/dist/1297769a1a44c22cb7c2.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Fax Tone";src:url(/wp-content/themes/jdxpl.com/dist/6cfa18b2477d3ed72dce.woff2) format("woff2"),url(/wp-content/themes/jdxpl.com/dist/e974d1b2e2cc729e6797.woff) format("woff");font-weight:normal;font-style:normal;font-display:swap}*{transition:all .25s ease-out}*:after,*:before{transition:all .25s ease-out}body{background:#efeee8 url(/wp-content/themes/jdxpl.com/dist/e62e800acba1e82ad7fc.jpg) top left repeat;background-attachment:fixed;font-family:"PP Eiko Regular";font-weight:400;font-style:normal;padding-bottom:150px}body strong{font-family:"PP Eiko Medium";font-weight:500;font-style:normal}a{color:#076d83;text-decoration:none}a:hover{color:#d95347}.m-root-container{align-items:flex-end;display:flex;flex-direction:column}#logo{left:0;overflow-x:clip;position:absolute;right:0;top:0;z-index:1}@media(min-width: 769px){#logo{position:fixed}}#logo img{max-width:100%}#logo #circle{aspect-ratio:1/1;cursor:pointer;display:block;left:26px;right:26px;position:absolute;top:11px;z-index:5}@media(min-width: 769px){#logo #circle{left:33px;right:auto;width:307px;top:160px}}@keyframes fadeInStatic{0%{opacity:0}100%{opacity:1}}#logo #static-jdxpl{display:block;height:818px;left:50px;position:absolute;top:-239px;width:116px;opacity:0;animation:fadeInStatic ease 1s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:500ms}@media(min-width: 769px){#logo #static-jdxpl{left:65px;top:54px}}@keyframes fadeInBackground{0%{opacity:0;top:40px}100%{opacity:1;top:0}}#logo #static-background{display:block;height:645px;left:-20px;position:absolute;top:-116px;width:146px;animation:fadeInBackground ease 1s;animation-iteration-count:1;animation-fill-mode:forwards}@media(min-width: 769px){#logo #static-background{left:0;top:0}}#logo #static-signature{display:block;height:43px;left:-15px;position:absolute;top:296px;width:351px;opacity:0;animation:fadeInStatic ease 1s;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:500ms}@media(min-width: 769px){#logo #static-signature{left:0px;top:445px}}#logo #overlay-1,#logo #overlay-8,#logo #overlay-2,#logo #overlay-3,#logo #overlay-4,#logo #overlay-5,#logo #overlay-6,#logo #overlay-7{display:none;transition:none}@media(min-width: 769px){#logo #overlay-1,#logo #overlay-8,#logo #overlay-2,#logo #overlay-3,#logo #overlay-4,#logo #overlay-5,#logo #overlay-6,#logo #overlay-7{display:block}}#logo #overlay-1,#logo #overlay-8{height:1012px;left:11px;opacity:0;position:absolute;top:0px;width:99px}@media(min-width: 769px){#logo #overlay-1,#logo #overlay-8{left:111px;top:0px}}#logo #overlay-2{height:760px;left:11px;opacity:0;position:absolute;top:0px;width:307px}@media(min-width: 769px){#logo #overlay-2{left:113px;top:0px}}#logo #overlay-3{height:575px;left:0px;opacity:0;position:absolute;top:76px;width:294px}@media(min-width: 769px){#logo #overlay-3{left:0px;top:176px}}#logo #overlay-4{height:466px;left:0px;opacity:0;position:absolute;top:31px;width:526px}@media(min-width: 769px){#logo #overlay-4{left:0px;top:91px}}#logo #overlay-5{height:1084px;left:0px;opacity:0;position:absolute;top:0px;width:412px}@media(min-width: 769px){#logo #overlay-5{left:0px;top:0px}}#logo #overlay-6{height:818px;left:13px;opacity:0;position:absolute;top:13px;width:183px}@media(min-width: 769px){#logo #overlay-6{left:43px;top:33px}}#logo #overlay-7{height:637px;left:67px;opacity:0;position:absolute;top:0px;width:658px}@media(min-width: 769px){#logo #overlay-7{left:114px;top:0px}}.more-work{color:#076d83;display:block;margin:41px 36px 0 0;position:relative;text-transform:uppercase;width:198px;z-index:2}@media(min-width: 769px){.more-work{margin:40px 21px 0 0}}.more-work svg:last-child{height:22px;left:25px;position:absolute;top:1px;width:173px;z-index:-1}.more-work:hover{color:#5a939f}.more-work:hover svg:first-child path{fill:#5a939f}.more-work:hover svg:last-child{opacity:26%}.text-above-video{font-family:"PP Eiko Regular";font-weight:400;font-style:normal;color:#000;font-size:21px;padding:538px 15px 0 88px;position:relative;z-index:10}@media(min-width: 769px){.text-above-video{padding:292px 108px 0 0}}.text-above-video p{max-width:436px}.video{position:relative;z-index:5}.video .shim{background-color:rgba(255,255,255,.8);top:-92px;left:0;right:0;bottom:-92px;position:absolute;z-index:1}@media(min-width: 769px){.video .shim{left:-92px;right:-92px}}.video iframe{aspect-ratio:640/1136;height:auto}.video video,.video iframe{max-width:421px;position:relative;z-index:5;margin:0 auto;padding:0 40px;width:100%}@media(min-width: 769px){.video video,.video iframe{margin:0;padding:0}}@media(min-width: 769px){.video{right:358px;top:29px}}.video:after{aspect-ratio:560/262;background:url(/wp-content/themes/jdxpl.com/dist/1a662b1490fa0b60bc67.png) top left no-repeat;background-size:contain;bottom:-182px;left:60px;content:"";display:block;height:195px;position:absolute;width:calc(100% - 60px);z-index:2}@media(min-width: 769px){.video:after{aspect-ratio:1548/412;background:url(/wp-content/themes/jdxpl.com/dist/1b361d9dff4fe4ff5aa7.png) top left no-repeat;background-size:contain;bottom:-142px;left:auto;max-width:none;right:-358px;width:auto}}@media(min-width: 769px){.video:before{aspect-ratio:75/472;background:url(/wp-content/themes/jdxpl.com/dist/aca01f1b0f58b6e1b61d.png) top left no-repeat;background-size:contain;top:-182px;right:-358px;content:"";display:block;height:475px;max-width:75%;position:absolute;z-index:2}}h1{font-family:"PP Eiko Light";font-weight:100;font-style:normal;font-size:44px;line-height:50px;position:relative;z-index:6;right:50px;top:-30px}@media(min-width: 769px){h1{font-size:78px;line-height:83px;right:158px;top:-103px}}.text-below-video{font-family:"PP Eiko Regular";font-weight:400;font-style:normal;color:#000;font-size:21px;padding:68px 15px 0 88px;position:relative;z-index:10}@media(min-width: 769px){.text-below-video{padding:42px 108px 0 0}}.text-below-video p{max-width:436px;padding-bottom:30px}@media(min-width: 769px){.text-below-video p{padding-bottom:42px}}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.dribble{display:flex;justify-content:center;width:100%;height:260px;padding-top:60px;position:relative}@media(min-width: 769px){.dribble{justify-content:flex-start;width:633px}}.dribble a{position:relative}.dribble .skeletons{height:50px;position:absolute;width:216px;z-index:10;transform:translate(-8px, 62px)}.dribble .skeletons img{width:100%}.dribble .rotation{animation:rotation 12s infinite linear;height:198px;width:198px;position:relative}.dribble .rotation:after{content:"";display:block;border-radius:100%;width:178px;height:178px;background-color:#fff;transform:translate(10px, 12px);position:absolute;z-index:1}.dribble .rotation svg{position:absolute;z-index:5;width:100%;height:100%}.dribble .rotation svg path{fill:#fff}.dribble a{display:block}.dribble a:hover .rotation:after{transform:translate(10px, 12px) scale(0.75)}.dribble a:hover svg path{fill:#d95347}.notable_elsewhere{display:flex;flex-direction:column;gap:20px;padding-top:140px;padding-right:20px;padding-left:86px}.notable_elsewhere h4{color:#d95347;font-family:"Fax Tone";font-weight:500;font-size:16px;text-transform:uppercase;letter-spacing:.16rem}@media(min-width: 769px){.notable_elsewhere{gap:60px;flex-direction:row;padding-top:300px;padding-left:0;padding-right:125px}.notable_elsewhere .notable{width:220px}.notable_elsewhere .elsewhere{width:165px}}.notable_elsewhere p{color:#858585;font-family:"Manrope",sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:12px;line-height:21px;padding-top:6px}.notable_elsewhere p strong{font-family:"Manrope",sans-serif;font-weight:800}.notable_elsewhere p a{color:#858585;text-decoration:none}.notable_elsewhere p a:hover{color:#d95347}