html{visibility:visible !important;opacity:1 !important}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg,video,canvas{max-width:100%;height:auto;vertical-align:middle;font-style:italic;background-repeat:no-repeat;background-size:cover}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;transition:none}}body,html{height:100%;scroll-behavior:smooth}@font-face{font-family:"Apercu";src:url("../fonts/Apercu.woff2") format("woff2"),url("../fonts/Apercu.woff") format("woff")}@font-face{font-family:"Apercu-Light";src:url("../fonts/Apercu-Light.woff2") format("woff2"),url("../fonts/Apercu-Light.woff") format("woff2")}body{font-family:"Apercu";font-weight:400}.blur-up{-webkit-filter:blur(5px);filter:blur(5px);transition:filter 400ms,-webkit-filter 400ms}.blur-up.lazyloaded{-webkit-filter:blur(0);filter:blur(0)}.video-modal{position:fixed;display:none;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.9);z-index:1000;cursor:pointer}.video-modal.is-opened{display:block !important}body.no-scroll{overflow:hidden}.video-modal-close{cursor:pointer}.video-responsive{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:0 auto;max-width:76%;width:100%;padding-bottom:56.25%}.vp-center{background-color:#141313}.video-modal iframe{position:absolute;width:100%;height:100%;border:none}@media(max-width: 420px){.video-responsive{width:100vw;padding-bottom:56.25%}}header{height:5.8vw;min-height:100px;position:relative;width:100%;padding:40px 40px 20px;display:flex;justify-content:space-between;align-items:center;align-content:center}header.fixed nav ul li a{color:#fff}header.fixed nav ul li a:hover{border-bottom:2px solid #fff}.nav-link.logo img{height:50px}nav{display:block}nav ul{padding:0;margin:0;list-style-type:none}nav ul li{display:inline-block}nav ul li a{color:#141313;text-decoration:none;font-family:"Apercu";font-size:20px;margin-left:30px}nav ul li a:hover{border-bottom:2px solid #141313;text-decoration:none}@media(max-width: 1024px){h1{max-width:80px}h1 svg{max-width:100%}}@media(max-width: 768px){header{padding:0 20px 20px}header h1{max-width:40px}nav ul li a{font-size:16px}}footer{background-color:#fff;padding-bottom:50px;text-align:center}footer .social,footer .contact{list-style-type:none;margin:0;padding:0;margin-bottom:30px}footer .social li,footer .contact li{display:inline-block;margin:0px 13px}footer .contact li{margin:0px 20px;font-size:16px}footer .contact li a{color:#141313;text-decoration:none}footer .contact li a:hover{border-bottom:1px solid #141313}footer small{margin-left:auto;margin-right:auto;text-align:center;font-size:14px}@media(max-width: 1024px){footer{padding-bottom:20px}footer .social,footer .contact{margin-bottom:20px}}@media(max-width: 768px){ul.contact li{margin-bottom:15px}}.flex-section{position:relative;padding:60px 50px 150px;border-radius:60px 60px 0 0;overflow:hidden}.section-title{text-align:center;margin-bottom:60px}.flex-container{display:flex;justify-content:center}.flex-wrapper{max-width:1920px;width:100%;display:flex;justify-content:space-between}.flex-item{width:calc(33.333% - 16px);height:430px;border-radius:12px;position:relative;overflow:hidden;border:4px solid #141313;transition:border-color .3s ease,background-color 1s ease}.flex-item:nth-last-child(odd):hover{border:4px solid #f64e52;background-color:rgba(255,0,0,.5)}.flex-item:nth-last-child(even):hover{border:4px solid #00d2b3;background-color:rgba(255,0,0,.5)}.flex-item img{width:100%;height:100%;object-fit:cover}.flex-item h3{position:absolute;bottom:24px;left:24px;margin:0;color:#fff}.square:hover img{filter:grayscale(1)}.square:hover .work-link::after{opacity:1}.square .work-link::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-blend-mode:screen}.square:nth-child(odd) .work-link::after{background-color:rgba(246,78,82,.3);background-image:url(/assets/images/triangle-red-150-min.png);background-repeat:no-repeat;background-size:10%;background-position-x:24px;background-position-y:84%;transition:background-image .3s ease}.square:nth-child(even) .work-link::after{background-color:rgba(0,210,179,.2);background-image:url(/assets/images/circle-green-150-min.png);background-repeat:no-repeat;background-size:10%;background-position-x:24px;background-position-y:84%;transition:background-image .3s ease}@media(max-width: 1024px){.flex-section{position:relative;padding:40px 0;border-radius:0;overflow:hidden}.flex-wrapper{display:inline-block}.flex-item{width:100%;border-radius:0}.square:nth-child(odd) .work-link::after,.square:nth-child(even) .work-link::after{background-size:5%}}.single-category,.single-project,.project-nav{width:100%;margin:0 auto;margin-bottom:30px}.single-category h2{width:100%;font-size:calc(35px + 15*(100vw - 414px)/1026);text-align:center;margin:0;color:#00d2b3;font-weight:400}.single-page h2{width:100%;font-size:3.7vw;float:left;text-align:center;margin:0;margin-top:-4px;text-transform:uppercase}.single-category h2 a:hover,.single-project h2 a:hover{text-decoration:underline}.category-wrapper{list-style-type:none;width:100%;display:block;position:relative;margin:0;padding:0;text-align:center;margin-top:2.5vw;margin-bottom:2.5vw}.category-wrapper li{display:inline-block;height:32px;line-height:2}.category-wrapper li li:nth-child(2){margin:0 5vw}.category-wrapper li a{font-size:calc(14px + 4*(100vw - 414px)/1026)}.category-wrapper li a:link,.category-wrapper li a:visited,.category-wrapper li a:hover,.category-wrapper li a:active{color:#141313 !important;text-decoration:none}.category-wrapper .cat-item:nth-last-child(odd):hover{background-image:url(https://katemoylan.com/wp-content/uploads/2020/11/triangle-red-32-min.png);background-repeat:no-repeat;background-position:center;z-index:10}.category-wrapper .cat-item:nth-last-child(even):hover{background-image:url(https://katemoylan.com/wp-content/uploads/2020/11/circle-green-32-min.png);background-repeat:no-repeat;background-position:center;z-index:10}@media(max-width: 768px){.category-wrapper{margin:8vw 0}}.category-wrapper li:nth-child(2){margin:0 5vw}.category-wrapper li a{text-decoration:none;font-size:calc(14px + 4*(100vw - 414px)/1026)}.cat-holder{opacity:1;transition:all .2s ease;padding-bottom:60px;overflow-x:hidden;margin-left:-5px}.single-project-thumb{transition:all 150ms ease-in-out;-webkit-transition:all 150ms ease-in-out;-moz-transition:all 150ms ease-in-out;-o-transition:all 150ms ease-in-out;border:0 solid rgba(0,0,0,0);min-height:200px;width:calc(100vw + 10px);margin-bottom:2px;display:block;position:relative;z-index:1}.single-project-thumb:hover{cursor:pointer;border:5px solid #f64e52}.single-project-thumb img{width:100%;max-height:85%;object-fit:cover;object-position:50% 50%}.single-project-thumb .half:nth-of-type(2){text-align:right}.single-project-thumb .project-content{position:absolute;bottom:40px;z-index:10;width:100%;max-width:80%;left:50%;transform:translateX(-50%);color:#fff;font-family:"Apercu-Light";display:flex;flex-wrap:wrap;align-items:flex-end}.single-project-thumb .half{width:50%;height:auto}.single-project-thumb h3{padding-right:40px;font-family:"Apercu";font-weight:400}.single-project-thumb h1,.single-project-thumb h3{font-size:calc(14px + 22*(100vw - 320px)/1600);margin:0}.single-project-thumb h2,.single-project-thumb h4{font-family:"Apercu-Light";font-weight:300;font-size:calc(14px + 22*(100vw - 320px)/1600);margin:0}.single-project-thumb h4{padding-bottom:10px}.single-project-thumb .single-project-thumb h4{margin-bottom:15px}.mob-titles+span{display:block}.mob-titles{display:none}.outside-play{position:absolute;border:3px solid #fff;height:6em;width:6em;border-radius:100%;background-color:rgba(0,0,0,0);top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:1}.inside-play{position:absolute;height:0px;width:0px;top:50%;left:55%;transform:translateX(-50%) translateY(-50%);border-style:solid;border-width:20px 0 20px 37px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff}@media(max-width: 768px){.outside-play{top:40%;height:4em;width:4em}.inside-play{border-width:12px 0 12px 24px}.single-project-thumb .project-content{max-width:100%;bottom:20px;padding:0 32px}.single-project-thumb img{height:100vw}.popup-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9999}.popup-container button.close-button{position:absolute;top:20px;right:20px;width:40px;height:40px;font-size:32px;font-weight:bold;color:#fff;background-color:rgba(0,0,0,.5);border:none;border-radius:50%;cursor:pointer}.popup-container button.close-button:hover{background-color:rgba(0,0,0,.7)}.project-content .half{height:auto !important}}@media(max-width: 414px){.single-project-thumb .project-content{position:relative;left:initial;transform:translateX(0);bottom:0;padding:5%}.single-project-thumb .half{font-family:"Apercu-Light";font-size:11px;width:100%;max-width:80%}.single-project-thumb h4{margin-bottom:10px}.single-project-thumb:nth-child(odd) .project-content{background-color:#00d2b3}.single-project-thumb:nth-child(even) .project-content{background-color:#f64e52}.single-project-thumb .half:nth-of-type(2){display:none}.mob-titles{display:block;margin-bottom:.5em}}.cat-holder .modal-body iframe{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%}dialog{width:100%;height:100%;border:none;position:fixed;background-color:rgba(0,0,0,.9)}dialog iframe{width:1200px;max-height:76vh;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}dialog button{position:absolute;right:48px;top:48px;color:#fff;font-size:40px;padding:0;background-color:rgba(0,0,0,0);border:none;outline:0}dialog button:hover,dialog button:focus,dialog button:active{border:none;background-color:rgba(0,0,0,0);outline:0}dialog button:hover{opacity:.8}.draft{display:none}/*# sourceMappingURL=styles.css.map */