html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box}@font-face{font-family:DazzedSemibold;src:url(/assets/Dazzed-SemiBold-b54e2276035981da7aa6832c37ad203883766f8e9cc815abf263be93e2fadc70.woff2),url(/assets/Dazzed-SemiBold-86df234606c491e78ad77eb72743eb7142514417a1f805b9d605d0622fc5ae9e.woff),url(/assets/Dazzed-SemiBold-d0c58a65313fa3cb0f5a71f34b763ab109b1836e61abcde4059d4ccecd29c21e.eot)}@font-face{font-family:DazzedMedium;src:url(/assets/Dazzed-Medium-79246a3891fa0ddfb8e860b6f4e60ba564c083e2da10f3b5ee8844cad4d889fd.woff2),url(/assets/Dazzed-Medium-9e2b20c91afe24b66b0181846159f74e8db811fccc30b2c38fdcde3273ad2fe7.woff),url(/assets/Dazzed-Medium-ff88b85078c3a7ad2aff3f6168daff7f5160b4e227c6fde55a4e0ab82a634f08.eot)}@font-face{font-family:DazzedMedium;font-style:italic;src:url(/assets/Dazzed-MediumItalic-c0ec41201d9bf190c4d4d5fa469504b95b933773246a303b2a4c7d0aa4c96443.woff2),url(/assets/Dazzed-MediumItalic-4ff09428a836d437bb9ffc7f67abfe6cc9affb25905daf299d4113f8845eb76b.woff),url(/assets/Dazzed-MediumItalic-31130a3c55e2ceadb333f29b1fdc526ffc231b5b83374158895960dc17acd354.eot)}body{background-color:black;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;cursor:default;width:100vw}html{width:100vw;overflow-x:hidden}::selection{background-color:#969696}main{padding:30px 24px 30px 24px;background-color:black;position:relative;min-height:100vh;z-index:2}section.content{position:relative;z-index:1;padding-bottom:30px;width:100%}.padding{padding:6px}.wipe{width:100vw;height:100vh;position:fixed;background-color:#f2f2f2;z-index:50;transform:translateX(100%);transition:transform 0.4s}.flexRow{display:flex;flex-direction:row;width:100%}.imageBucket{display:none}.hide{display:none}.loader{width:100vw;height:100vh;position:fixed;background-color:black;z-index:250;transition:0.5s;pointer-events:none;display:grid;place-items:center}.loader video{max-width:220px;max-height:220px;margin:auto;display:block}.imagePreview{width:100vw;height:100vh;position:fixed;top:0;left:0;display:grid;place-items:center;pointer-events:none}.imagePreview img{height:auto;width:auto;max-height:60vh;max-width:45vw;object-fit:cover;display:none;z-index:100}.flashWrapper{width:100vw;height:100vh;position:fixed;display:grid;place-items:center;z-index:100;backdrop-filter:blur(10px);opacity:1;transition:opacity 0.5s}.flashWrapper .flashMessage{position:fixed;width:400px;display:block;padding:15px 20px;background-color:white;z-index:50;cursor:pointer}.flashWrapper .flashMessage p{color:black}.colourProfile{width:100vw;height:100vh;position:fixed;z-index:500;mix-blend-mode:screen;pointer-events:none;display:none;transform:translateY(-100%)}.col3-6{width:50%;margin-left:16.66%}.col6{display:grid;grid-template-columns:repeat(6, 1fr);grid-column-gap:20px}p{font-family:DazzedMedium;font-size:1.3em;line-height:135%;letter-spacing:0.005em;color:white}i{font-style:italic}p+p{margin-top:15px}h1{font-family:DazzedSemibold;font-size:5.5em;color:white;text-transform:uppercase;letter-spacing:-0.03em;margin-left:20px;max-width:calc(100vw - 150px)}h2{font-family:DazzedMedium;font-size:5.5em;letter-spacing:-0.03em;line-height:110%}h3{font-family:DazzedSemibold;color:white;font-size:0.8em;line-height:130%}h4{font-family:DazzedSemibold;color:black;font-size:0.95em;letter-spacing:0.015em}a{color:black;text-decoration:none}a.link{border-bottom:1px solid black;cursor:pointer;transition:0.15s}a.link:hover{padding-bottom:2px}.heading{margin-bottom:10px}.selected{color:#969696}img.inlineArrow{display:inline;height:7px}.blockWrapper{display:inline-block;margin:6px;z-index:2;position:relative}.blockWrapper.small{margin:5px 3px 4px 6px}.blockWrapper .block{display:inline-block;background-color:white;padding:3px 18px 8px 18px;cursor:pointer}.blockWrapper .block.small{font-size:0.65em;letter-spacing:0.03em;padding:4px 12px 8px 12px}.blockWrapper .block h1{color:black;margin-left:0px}.blockWrapper .block img{width:28px;height:28px;display:inline-block;vertical-align:middle;margin-top:-76px;margin-left:5px}.blockWrapper .block.link{padding:3px 8px 8px 14px}.block.noInteraction{cursor:default}.dropcontainer .block{cursor:grab;transition:0.2s}.dropcontainer .block:hover{animation:wiggle 1.2s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.logo .blockWrapper{opacity:0}.headline,.process.dropcontainer{transition:0.75s}.dropcontainer:focus,.blockWrapper:focus{outline:none}.hideBlocks img{width:auto !important;height:auto !important;display:none}.draggable-mirror .block{transform:rotate(-4deg);box-shadow:0px 0px 20px black}.draggable-source--is-dragging{background-size:100% 100%;background-repeat:no-repeat}.draggable-source--is-dragging .block{opacity:0}nav{position:fixed;z-index:3;width:100%;max-width:100vw;overflow-x:hidden;min-height:100%;top:0;bottom:0;background-color:#f2f2f2;padding:30px 24px 30px 24px;transform:translateX(100%);transition:transform 0.3s;flex-direction:column;display:flex;overflow-y:scroll}nav h2{position:relative;padding-left:0px}nav h2 a{cursor:pointer;transition:padding 0.2s, color 0.5s}nav h2 a.selected{pointer-events:none}nav h2 a.selected:hover{padding-left:0px}nav h2 a.selected:hover::before{width:0px}nav h2 a::before{content:"";background-image:url("/assets/images/arrow.svg");background-repeat:no-repeat;background-position:right;background-size:cover;position:absolute;width:0px;height:56px;top:25px;left:0px;transition:0.2s}nav h2 a:hover::before{width:150px}nav h2 a:hover{padding-left:154px}nav .right{position:absolute;height:40px;width:100vh;top:0;bottom:0;right:0;left:0;margin-top:-20px;margin-left:calc(100vw - 48px);text-align:center;transform:rotate(90deg);transform-origin:left;pointer-events:none}nav .right a{pointer-events:all}nav .right h4{display:inline}nav .tools{position:absolute;right:125px}nav .tools div{display:inline-block;text-align:center;margin:-2px 0px 0px 35px;cursor:pointer}nav .tools svg{height:37px;width:37px;display:inline;vertical-align:text-top;pointer-events:all}nav .tools img{height:37px;width:37px}nav .tools h3{color:black;text-transform:uppercase;bottom:0px;margin-top:10px}nav .tools .message{position:absolute;top:80px;width:120px;margin-left:-30px;opacity:0;transform:translateY(-20px);transition:0.2s}.colourSwitch{fill:none;stroke:black;stroke-miterlimit:10;stroke-width:0.4px}.colourSwitch.fill{fill:black}.bottom{object-position:bottom;bottom:30px;width:100%;display:flex;justify-content:space-between;margin-top:auto;padding-top:50px}.bottom span{display:flex;flex-direction:row}.bottom span img{max-height:17px;max-width:17px;height:17px;width:17px;margin:0px 7px}.menu{right:40px;top:35px;width:45px;height:45px;position:fixed;text-align:center;cursor:pointer;mix-blend-mode:difference;z-index:100}.menu svg{transition:transform 0.1s, fill 0.2s}.menu h3{margin-top:18px}.menu .arrows{fill:white}.menu:hover svg{transform:rotate(-45deg)}footer{position:absolute;z-index:2;bottom:30px;width:calc(100% - 60px);margin:0px 5px}footer .bottom{padding-top:22px}footer .bottom h4,footer .bottom h4 a{color:white}footer .bottom a{border-color:white}.process{margin-top:200px}.homepageLinks{margin-top:60px;transition:0.75s;opacity:0}.homepageLinks h4{margin-left:18px;margin-bottom:5px;color:#969696}.casestudy{width:calc(100% - 60px)}.casestudy .post{grid-column:2/5}.casestudy h4,.casestudy h4 a{color:white;margin:8px auto 25px auto}.casestudy .blockWrapper{position:absolute}.casestudy img{width:100%;height:750px;object-fit:cover;z-index:0}.casestudy h3{margin:10px 0px 40px 0px}.backLink{width:0px}.back{position:absolute;text-align:left;width:auto;z-index:20;pointer-events:none;height:calc(100% - 900px)}.back h4{position:sticky;display:block;top:35px;pointer-events:all;background-color:white;margin-left:15px;padding:5px 8px 6px 0px;transition:transform 0.12s;border-radius:0px 4px 4px 0px;border-bottom:none;color:black !important;font-size:1em;z-index:1;height:27px}.back h4::before{content:url("/assets/images/icons/back_arrow.svg");position:absolute;left:-12px;top:0;height:28px;overflow:hidden;width:22px;z-index:-1}.back h4:hover{transform:scale(1.1)}.back h4 a{border-bottom:none;color:black;font-size:1em;z-index:1}.oneColumnImage{width:100%;margin:60px auto;grid-column:2/6}.oneColumnImage div{margin:0px auto}.oneColumnImage div img{object-fit:contain;height:auto}.twoColumnImage{width:100%;display:grid;grid-template-columns:calc(50% - 15px) calc(50% - 15px);grid-column-gap:30px;grid-row-gap:30px;margin:60px auto;grid-column:1/7}.twoColumnImage img{object-fit:contain;height:auto}.casestudies h4{color:white}.casestudies .blockWrapper .block img{width:18px;height:18px;display:inline-block;vertical-align:middle;margin-top:-46px;margin-left:5px}.about .col3-6{margin-left:16px}.about .contact.flexRow{margin-top:15px;margin-bottom:30px}.about .contact.flexRow h4{color:#969696;border-bottom:1.5px solid #969696;padding-bottom:0px;display:inline-block;transition:0.12s}.about .contact.flexRow h4:hover{padding-bottom:2px}.about .contact.flexRow a{margin-right:20px;height:40px}.about h4{color:#969696;margin:10px auto}.about .portrait{width:50%;text-align:center;margin-top:-50px}.about .portrait img{width:50%;display:inline-block;border:solid white;border-width:20px 20px 60px 20px;transform:rotate(-1deg);transition:transform 0.2s}.services a h4{color:#969696;text-decoration:underline;display:none;margin-left:6px;margin-top:20px}.services .col3-6{margin:10px 0px 40px 20px}.services .col3-6 img{width:100%;margin:5px 0px 20px 0px}.services .block{padding:5px 12px 10px 16px}.services .blockWrapper{display:block;margin:12px 6px}.services .arrow{transition:0.2s}.blogTable .flexRow.columnNames{margin:30px auto 15px auto}.blogTable .flexRow.columnNames h4 .asc::after{content:"↑";margin-left:6px}.blogTable .flexRow.columnNames h4 .desc::after{content:"↓";margin-left:6px}.blogTable h4 a{color:white}.blogTable .blog{display:flex;flex-direction:row;margin:8px auto;grid-column-gap:0px}.blogTable .date{width:16.66%}.blogTable .title{width:66.66%;transition:0.2s;position:relative}.blogTable .type{width:16.66%}.blogTable p+p{margin-top:0px}.blogTable .hover::before{content:"";background-image:url("/assets/images/arrow_white.svg");background-repeat:no-repeat;background-position:right;background-size:cover;position:absolute;width:0px;height:13px;top:8px;left:0px;transition:0.2s}.blogTable .hover:hover::before{width:42px}.blogTable .hover:hover{padding-left:48px}.blog{position:relative;overflow:visible;height:100%;margin-bottom:80px}.blog .post{grid-column:2/5;margin-top:80px}.blog h4{color:#969696;margin-bottom:20px}.blog img{height:auto;margin:20px auto}.blog a{border-bottom:1px solid white;cursor:pointer;transition:0.15s;color:white}.blog a:hover{padding-bottom:2px}.blog b{font-family:DazzedSemibold;font-size:1.35em;line-height:135%}.blog p b{font-family:DazzedSemibold;font-size:1em;line-height:100%}.blog input{display:none}.blog .body iframe{width:100%;margin:20px 0px}.blog .body div:not(.iframe){background-color:white;border:solid white;border-width:5px 20px 0px 20px;margin:40px -20px 0px -20px}.blog .body div:not(.iframe) img{margin:20px auto 15px auto}.blog .body div:not(.iframe) p{color:black}.blog .body div:not(.iframe) a{color:black;border-bottom:1px solid black}.grabLink{margin-top:30px}.grabLink h4{color:white;cursor:pointer}.grabLink h4 img{height:12px;width:12px;margin:0px 8px 0px 0px;display:inline-block}.contact h4,.contact h4 a{color:white}.contact input{height:110px;width:100%;border-radius:0px;border:none;margin:6px 0px 30px 0px;transition:transform 0.2s;font-family:DazzedSemibold;font-size:5.5em;color:black;letter-spacing:-0.03em;padding:0px 16px 6px 16px}.contact input:focus{outline:none;transform:scale(1.005)}.contact input::selection{background-color:#969696}.contact input:-webkit-autofill,.contact input:-webkit-autofill:hover,.contact input:-webkit-autofill:focus,.contact textarea:-webkit-autofill,.contact textarea:-webkit-autofill:hover,.contact textarea:-webkit-autofill:focus,.contact select:-webkit-autofill,.contact select:-webkit-autofill:hover,.contact select:-webkit-autofill:focus{font-family:DazzedSemibold;font-size:5.5em;color:black;letter-spacing:-0.03em}.contact textarea{height:400px;width:100%;border-radius:0px;border:none;margin:5px 0px 30px 0px;padding:10px 16px 4px 16px;font-family:DazzedMedium;font-size:2.8em;line-height:135%;letter-spacing:0.005em;color:black;transition:transform 0.2s}.contact textarea:focus{outline:none;transform:scale(1.005)}.contact .button{width:auto;text-transform:uppercase;color:white;background-color:black;border:8px solid white;padding:0px 16px 4px 16px;line-height:40%;cursor:pointer;-webkit-appearance:none}section.contact{padding-bottom:30px}.announcements{bottom:60px;width:calc(100vw - 60px);overflow-x:hidden;margin:0px 5px;position:absolute;display:flex;flex-direction:row}.announcements p{color:black;font-family:DazzedSemibold;text-transform:uppercase}.announcements .heading{width:auto}.announcements .owl-carousel{width:100%;height:37px;margin-left:7px}.announcements .announcement{width:auto;height:37px;background-color:white;padding:5px 10px}section.shapes{position:absolute;z-index:2;left:0;right:0;width:100%;opacity:0;pointer-events:none;transition:opacity 0.75s}section.shapesFadeIn{position:fixed;z-index:1;top:0;left:0;right:0;bottom:0;width:100%;background-color:black;pointer-events:none}.matterPadding{width:100%;height:810px;position:relative;pointer-events:none;z-index:-100}.fade-leave-active,.fade-enter-active{transition:opacity 0.3s, transform 0.3s}.fade-leave{opacity:1;transform:translate(0, 0)}.fade-leave-to{opacity:0;transform:translate(0, 0)}.fade-enter{opacity:1;transform:translateY(100vh)}.fade-enter-to,.fade-once-to{opacity:1;transform:translateY(0vh)}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes wiggle{10%,90%{transform:rotate(0.25deg)}20%,80%{transform:rotate(-0.25deg)}30%,50%,70%{transform:rotate(0.25deg)}40%,60%{transform:rotate(-0.25deg)}}@keyframes popUpOne{0%{transform:translateY(100px);opacity:0}60%{transform:translateY(-8px);opacity:1}85%{transform:translateY(3px);opacity:1}100%{transform:translateY(0px);opacity:1}}@keyframes slideDown{0%{transform:translateY(-100%)}100%{transform:translateY(0%)}}@keyframes slideUp{0%{transform:translateY(0%)}100%{transform:translateY(-100%)}}@media (max-width: 1200px){h1{font-size:4.5em;margin-left:16px}.blockWrapper{margin:5px}.blockWrapper .block{padding:2px 12px 6px 12px}.blockWrapper .block.small{font-size:0.75em;padding:2px 10px 5px 10px}.blockWrapper .block img{width:16px !important;height:16px !important;margin-top:-34px !important}.services .blockWrapper .block img{width:20px !important;height:20px !important;margin-top:-47px !important}}@media (max-width: 1000px){main{padding:20px}.col3-6{width:83.3%}.logo{padding-right:80px}.casestudy .post,.blog .post{grid-column:2/6}.blogTable .blog{border-top:1px solid white;padding:14px 0px 6px 0px}.announcements{bottom:35px}}@media (max-width: 800px){main{padding:12px 8px}.menu{top:20px;right:14px}.col3-6{width:83.3%}h1{font-size:3.5em;margin-left:12px;max-width:calc(100vw - 30px)}h2{font-size:3.5em;line-height:120%}nav{padding:12px 20px}nav h2 a::before{height:30px;top:13px}nav h2 a:hover::before{width:50px}nav h2 a:hover{padding-left:55px}nav .tools{margin-top:15px;right:15px;top:65px}nav .tools div{display:block;margin:0px 0px 20px 0px}nav .bottom{flex-wrap:wrap;margin-bottom:18px}nav .bottom h4{display:inline-block}nav .bottom span{float:right;margin:0px 0px 20px 0px;display:inline-block}.mobileHide{display:none}.flexRow{flex-direction:column}.flexRow .flexRow{flex-direction:row}.oneColumnImage{margin:0px auto}.services .blockWrapper .block img{margin-top:-40px !important}.services .col3-6{margin:10px 0px 40px 10px}.casestudy .blockWrapper{margin:6px}.casestudy .post{grid-column:2/7}.blog .post{grid-column:1/7}.contact .col3-6{margin:0px 5px 60px 5px !important}.contact input{font-size:2.1em;height:2em}.contact input:-webkit-autofill,.contact input:-webkit-autofill:hover,.contact input:-webkit-autofill:focus,.contact textarea:-webkit-autofill,.contact textarea:-webkit-autofill:hover,.contact textarea:-webkit-autofill:focus,.contact select:-webkit-autofill,.contact select:-webkit-autofill:hover,.contact select:-webkit-autofill:focus{font-size:2.1em}.contact textarea{font-size:1.7em}.contact .button{border-width:3px;padding:0px 16px 0px 16px}.about .portrait{margin-top:0px;width:100%;max-width:400px;padding:0px 20px 20px 20px}.about .portrait img{width:100%}.oneColumnImage{grid-column:2/7}.blockWrapper{margin:4px}.blockWrapper.small{margin:3px}.blockWrapper .block{padding:1px 8px 4px 8px}.blockWrapper .block.small{font-size:0.75em;padding:1px 6px 3px 6px}.blockWrapper .block img{width:16px !important;height:16px !important;margin-top:-28px !important}.about .col3-6{margin-left:10px}footer{width:calc(100% - 24px)}footer .bottom{flex-wrap:wrap}footer .bottom h4{display:inline-block}footer .bottom span{float:right;margin:0px 0px 20px 0px;display:inline-block}.matterPadding{margin-bottom:80px !important;height:600px !important}section.shapes{bottom:100px !important}.blogTable .flexRow{flex-direction:row}.blogTable .date{display:none}.blogTable .title{width:68%}.blogTable .type{width:28%;margin-left:4%}}@media (max-width: 500px){p{font-size:1.07em}h1{font-size:2.8em;margin-left:10px}h2{font-size:2.8em}h4{font-size:0.93em}nav{padding:10px 15px}nav .tools{margin-top:15px;right:10px;top:65px}.col3-6{width:calc(100% - 16px)}.about .col3-6{margin-left:8px}.blockWrapper{margin:3px}.blockWrapper .block{padding:1px 8px 4px 8px}.blockWrapper .block.small{font-size:0.75em;padding:1px 5px 3px 5px}.blockWrapper .block img{width:12px !important;height:12px !important;margin-top:-22px !important}.services .blockWrapper{margin:6px}.services .blockWrapper .block{padding:1px 8px 4px 8px}.services .blockWrapper .block.small{font-size:0.75em;padding:1px 5px 3px 5px}.services .blockWrapper .block img{width:16px !important;height:16px !important;margin-top:-28px !important}.homepageLinks h4{margin-left:10px}footer{width:calc(100% - 16px)}.casestudy .post{grid-column:1/7}.casestudy img{height:100vw}.casestudy.matterPadding{height:0px !important}.matterPadding{height:300px !important}.oneColumnImage{grid-column:1/7}.twoColumnImage{grid-template-columns:100%}.smallMobileHide{display:none}.loader video{max-width:180px}.blogTable .hover::before{height:10px;top:7px}.blogTable .hover:hover::before{width:30px}.blogTable .hover:hover{padding-left:35px}.imagePreview img{height:auto;width:auto;max-height:80vh;max-width:80vw;object-fit:cover;display:none}.services a h4{display:block}}