@import"https://fonts.googleapis.com/css?family=Karla:400,700&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.css";@import"https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/0.5.0/modern-normalize.css";@font-face{font-family:Bebas-Neue;src:url(/Fonts/1444649/3d9ec9a9-76a2-4cfe-b376-76e7340c3b50.eot?#iefix);src:url(/Fonts/1444649/3d9ec9a9-76a2-4cfe-b376-76e7340c3b50.eot?#iefix) format("eot"),url(/Fonts/1444649/e0d6f852-5401-4bbf-9672-47a50c5c87c6.woff2) format("woff2"),url(/Fonts/1444649/7fedd582-6ae3-4850-be2f-4acae2e74fa5.woff) format("woff"),url(/Fonts/1444649/d6e08ef3-40db-4ac3-82df-f062f55a72f5.ttf) format("truetype")}:root{font-family:Karla,sans-serif;line-height:1.5;font-weight:400;color:#333;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#fff}#root{min-height:100vh}.menuArea{padding:4% 10%;background:#fff;display:flex;justify-content:space-between;align-items:center}.menuArea.belfast{padding:6% 10% 5%;background:#ff2832}.logo{width:80%}#menuToggle{display:none}.menuOpen{cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;width:30px;height:30px}.open{background-color:#000;width:24px;height:2px;display:block;cursor:pointer;position:relative;transition:all .3s ease}.open.belfast{background-color:#fff}.open:before{content:"";background-color:#000;width:24px;height:2px;display:block;position:relative;top:-8px;transition:all .3s ease}.open.belfast:before{background-color:#fff}.open:after{content:"";background-color:#000;width:24px;height:2px;display:block;position:relative;top:6px;transition:all .3s ease}.open.belfast:after{background-color:#fff}#menuToggle:checked~.menuOpen .open{background-color:transparent}#menuToggle:checked~.menuOpen .open:before{content:"";background-color:#fff;transform:rotate(45deg);position:absolute;top:0;right:0;z-index:1}#menuToggle:checked~.menuOpen .open:after{content:"";background-color:#fff;transform:rotate(-45deg);position:relative;top:0;right:0;z-index:1}.menu{position:fixed;width:100%;height:100vh;top:0;left:0;background:#2848ff;opacity:0;visibility:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center}#menuToggle:checked~.menu{opacity:1;visibility:visible}.menu label{width:100%;height:100%;cursor:pointer;position:absolute;top:0;left:0}.menuContent{text-align:center;z-index:1}.menuContent ul{list-style:none;padding:0;margin:0}.menuContent li{margin:40px 0}.menuContent a{color:#fff;text-decoration:none;font-size:3em;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:all .3s ease}.menuContent a:hover{color:#ccc}@media only screen and (min-width: 1224px){.logo{width:25%}}@media (max-width: 768px){.menuArea,.menuArea.belfast{padding:8% 5% 6%}.menuContent a{font-size:1.5em}}.header{padding:5% 10% 10%;background-color:#fff}.header h1{font-size:1.8em;font-weight:800;line-height:1.1em;margin-bottom:7%;color:#333}.header p{font-size:1.25em;font-weight:500;line-height:normal;color:#000}.header p a{color:#333;font-weight:700;transition:color .3s ease}.header p a:hover{color:#666}@media only screen and (min-width: 1224px){.header h1{font-size:3em;font-weight:800;line-height:1.1em;margin-bottom:2.5%;width:50%}.header p{font-size:1.5em;font-weight:500;line-height:normal;color:#000}}@media (max-width: 768px){.header{padding:8% 5% 6%}.header h1{font-size:1.5em}.header p{font-size:1.1em}}.portfolio-container{background-color:#2848ff;padding-bottom:5%;padding-top:5%}.item{display:grid;grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(1,1fr);padding:10%;align-items:center}.left{grid-column:1}.right{padding-top:10%}.left-alt{grid-column:1}.right-alt{padding-top:10%}.portfolio-item{width:100%}p{font-weight:900;color:#fff;font-size:1rem}h2{margin-top:2%;font-weight:900;color:#fff;font-size:2.25rem}h3{font-weight:500;color:#fff;font-size:1rem;padding-top:2.5%;line-height:1.25em}h4{font-weight:500;color:#fff;font-size:1em;margin-left:2.5%;letter-spacing:.05em}.button>i{display:flex;flex:1;margin-top:10%;font-size:1em;color:#fff}.fa-arrow-circle-right{padding-left:.5%;font-size:1em;color:#000}@media only screen and (min-width: 1224px){.item{display:grid;grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(2,1fr);padding:5% 10%;align-items:center}.left{grid-column:2}.right{padding-top:10%;grid-row:1;margin-right:10%}.left-alt{grid-column:1}.right-alt{grid-column:2;margin-left:10%}p{font-weight:900;color:#fff;font-size:1em}h2{font-size:3.5em;font-weight:800;line-height:1.1em;margin-bottom:2.5%}h3{font-size:1.25em;padding-top:4%}.button i{margin-top:5%}}.past-projects-container{background-color:#f8f9fa;padding:8% 10%}.past-projects-header{display:flex;justify-content:space-between;align-items:center}.past-projects-header h2{font-size:2.5em;font-weight:900;color:#333;margin:0}.toggle-button{background-color:#2848ff;color:#fff;border:none;padding:12px 24px;font-size:1em;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;border-radius:4px}.toggle-button:hover{background-color:#1a35cc;transform:translateY(-2px)}.past-projects-grid{display:grid;grid-template-columns:1fr;gap:3%;transition:all .5s ease}.past-projects-grid.collapsed{max-height:0;overflow:hidden;opacity:0}.past-projects-grid.expanded{max-height:none;opacity:1}.past-project-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;display:grid;grid-template-columns:1fr;gap:0}.past-project-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.past-project-image{width:100%;height:250px;overflow:hidden}.past-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.past-project-item:hover .past-project-image img{transform:scale(1.05)}.past-project-content{padding:6%}.past-project-category{font-weight:700;color:#2848ff;font-size:.9em;text-transform:uppercase;letter-spacing:1px;margin:0 0 2%}.past-project-title{font-size:1.5em;font-weight:800;color:#333;margin:0 0 3%;line-height:1.2}.past-project-description{font-size:1em;color:#666;line-height:1.4;margin:0 0 4%}.past-project-link{color:#2848ff;text-decoration:none;font-weight:600;font-size:1em;transition:color .3s ease}.past-project-link:hover{color:#1a35cc}@media only screen and (min-width: 768px){.past-projects-grid{grid-template-columns:repeat(2,1fr);gap:4%}.past-project-item{grid-template-columns:1fr 1fr}.past-project-image{height:auto}}@media only screen and (min-width: 1224px){.past-projects-container{padding:6% 10%}.past-projects-header h2{font-size:3em}.past-projects-grid{grid-template-columns:repeat(2,1fr);gap:5%}.past-project-title{font-size:1.8em}.past-project-description{font-size:1.1em}}@media (max-width: 768px){.past-projects-container{padding:10% 5%}.past-projects-header{flex-direction:column;gap:20px;text-align:center}.past-projects-header h2{font-size:2em}.toggle-button{padding:10px 20px;font-size:.9em}}.content{display:flex;align-items:center;justify-content:center;background-color:#fff;min-height:300px}.content-inner{display:flex;align-items:center;justify-content:space-between;width:80%;max-width:1200px}.content h1{font-weight:900;color:#000;font-size:3em;text-align:left;margin:0;line-height:1.2}.h-button{border:solid;padding:20px;width:250px;text-align:center;color:#000;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.5,-1,.5,2);cursor:pointer;display:inline-block}.h-button:hover{transform:translate(0)}.h-button span{display:inline-block;min-width:.3em;text-transform:uppercase;transition:.25s cubic-bezier(.5,-1,.5,2);opacity:0;transform:translateY(-20px)}.h-button:before{content:attr(data-text);position:absolute;width:100%;left:0;transition:.25s cubic-bezier(.5,-1,.5,2);text-transform:uppercase;letter-spacing:3.5px;opacity:1;transform:translate(0)}.h-button:hover:before,.h-button:focus:before{opacity:0;transform:translateY(20px)}.h-button:hover span,.h-button:focus span{opacity:1;transform:translate(0)}.h-button:hover span:nth-child(1),.h-button:focus span:nth-child(1){transition-delay:25ms}.h-button:hover span:nth-child(2),.h-button:focus span:nth-child(2){transition-delay:.05s}.h-button:hover span:nth-child(3),.h-button:focus span:nth-child(3){transition-delay:75ms}.h-button:hover span:nth-child(4),.h-button:focus span:nth-child(4){transition-delay:.1s}.h-button:hover span:nth-child(5),.h-button:focus span:nth-child(5){transition-delay:.125s}@media (max-width: 768px){.content-inner{flex-direction:column;width:90%}.content h1{font-size:2em;margin-bottom:20px;text-align:center}.h-button{padding:15px 30px;font-size:1em;letter-spacing:1px}}@media (max-width: 480px){.content h1{font-size:1.6em}.h-button{padding:12px 24px;font-size:.9em}}.case-study-container{min-height:100vh;background-color:#fff}.container-cs{background-color:#ff2832}.item-cs{display:flex;flex-direction:column;padding:8% 10%;align-items:center;max-width:1200px;margin:0 auto}.item-cs h1{font-weight:500;color:#fff;font-size:3.5em;text-align:center;margin-bottom:2.5%;font-family:Bebas-Neue,sans-serif;letter-spacing:2px}.item-cs p{font-weight:900;color:#fff;font-size:1em;text-align:center;text-transform:uppercase;letter-spacing:1px}.item-cs p:nth-child(6){font-weight:500;color:#fff;font-size:1.1em;text-align:center;text-transform:none;margin-top:5%;line-height:1.25em;max-width:600px}.border{width:50px;height:3px;background-color:#fff;margin:20px 0}.myButton{background-color:transparent;border:2px solid white;color:#fff;padding:15px 30px;font-size:1em;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;margin:20px 0}.myButton:hover{background-color:#fff;color:#ff2832}.item-cs .image{padding:10% 0%}.item-cs .image img{width:100%;max-width:300px}.content-cs{display:flex;align-items:center;background:#fff;padding:8% 10%;flex-direction:column;max-width:1200px;margin:0 auto}.content-cs h1{font-weight:500;color:#000;font-size:3em;text-align:center;margin-bottom:2.5%;font-family:Bebas-Neue,sans-serif;letter-spacing:2px}.content-cs p{padding:0% 2.5%;font-weight:500;color:#000;font-size:1em;width:90%;line-height:1.25em;text-align:center;text-transform:none;margin-top:5%;max-width:800px}.case-study-container .h-button{border:solid;padding:20px;width:250px;text-align:center;color:#000;position:relative;overflow:hidden;transition:all .25s cubic-bezier(.5,-1,.5,2);cursor:pointer;display:inline-block}.case-study-container .h-button:hover{transform:translate(0)}.case-study-container .h-button span{display:inline-block;min-width:.3em;text-transform:uppercase;transition:.25s cubic-bezier(.5,-1,.5,2);opacity:0;transform:translateY(-20px)}.case-study-container .h-button:before{content:attr(data-text);position:absolute;width:100%;left:0;transition:.25s cubic-bezier(.5,-1,.5,2);text-transform:uppercase;letter-spacing:3.5px;opacity:1;transform:translate(0)}.case-study-container .h-button:hover:before,.case-study-container .h-button:focus:before{opacity:0;transform:translateY(20px)}.case-study-container .h-button:hover span,.case-study-container .h-button:focus span{opacity:1;transform:translate(0)}.case-study-container .h-button:hover span:nth-child(1),.case-study-container .h-button:focus span:nth-child(1){transition-delay:25ms}.case-study-container .h-button:hover span:nth-child(2),.case-study-container .h-button:focus span:nth-child(2){transition-delay:.05s}.case-study-container .h-button:hover span:nth-child(3),.case-study-container .h-button:focus span:nth-child(3){transition-delay:75ms}.case-study-container .h-button:hover span:nth-child(4),.case-study-container .h-button:focus span:nth-child(4){transition-delay:.1s}.case-study-container .h-button:hover span:nth-child(5),.case-study-container .h-button:focus span:nth-child(5){transition-delay:.125s}.border2{width:50px;height:3px;background-color:#000;margin:20px 0}.content-cs .image1,.content-cs .image2{padding:5% 0%;width:100%}.content-cs video{margin:5% 0%}#filmcollectables .container-cs{background-color:#00bfff}#weebinnians .container-cs{background-color:#6c5ce7}#gophoto .container-cs{background-color:#64b9ff}#rerun .container-cs{background-color:#353b45}#kromax .container-cs{background-color:#4e565c}#ulsterrugbylad .container-cs{background-color:#2848ff}#powerofvideo .container-cs{background-color:#ff6b35}.case-study-container .content{display:flex;align-items:center;justify-content:center;background-color:#fff;min-height:300px}.case-study-container .content-inner{display:flex;align-items:center;justify-content:space-between;width:80%;max-width:1200px}.case-study-container .content h1{font-weight:900;color:#000;font-size:3em;margin-bottom:0%}@media only screen and (min-width: 1224px){.content-cs h1{font-size:4em}.item-cs h1{font-size:4.5em}}@media (max-width: 768px){.case-study-container .menuArea{padding:8% 5% 6%}.item-cs{padding:8% 5%}.content-cs{padding:8% 0%}.item-cs h1{font-size:2.5em}.content-cs h1{font-size:2em}.case-study-container .content-inner{flex-direction:column;width:90%}.case-study-container .content h1{font-size:2em;margin-bottom:20px;text-align:center}}@media (max-width: 480px){.item-cs h1{font-size:2em}.content-cs h1,.case-study-container .content h1{font-size:1.6em}}*{margin:0;padding:0;font-family:Karla,sans-serif}body{background-color:#fff}a{text-decoration:none}.App{min-height:100vh}