@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");:root{--background:#000000;--foreground:#ffffff}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);font-family:Oswald,sans-serif;font-optical-sizing:auto;font-size:24px;font-weight:100;min-height:100vh;margin:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}main{background:var(--background);margin-bottom:100vh;position:relative;z-index:1}footer{background:#000000dd;bottom:0;left:0;min-height:100vh;position:fixed;width:100vw;z-index:0}:where(main,article,aside,nav,section) :is(h1){font-size:2.4em;font-weight:200;line-height:1.2em;margin:30px 0;text-align:center}:where(main,article,aside,nav,section) :is(h2){font-size:1.7em;font-weight:200;line-height:1.2em;margin:10px 0 30px;text-align:center}:where(main,article,aside,nav,section) :is(h3){font-size:1.2em;font-weight:300;line-height:1.2em;margin:10px 0 30px;text-align:center;text-transform:uppercase}header{background:#000000dd;display:flex;gap:20px;justify-content:space-between;padding:20px;position:fixed;top:0;width:calc(100% - 40px);z-index:2}header .logo{height:30px;margin:0;width:auto}footer .logo{max-width:300px;margin:120px auto 60px}nav ul{display:flex;gap:20px;list-style:none;margin:0;padding:0}nav ul li{position:relative}nav ul ul{background:#000000dd;flex-direction:column;left:0;opacity:0;padding:10px;position:absolute;margin:0 0 0 -10px;top:100%;transform:translateY(-10px);transition:opacity .2s ease-in-out,transform .2s ease-in-out,visibility .2s;visibility:hidden;width:max-content}nav ul ul.open{opacity:1;transform:translateY(0);visibility:visible}nav a,nav span{text-decoration:none;color:#ffffff;cursor:pointer}@media (hover:hover){nav a:hover,nav span:hover{text-shadow:0 0 10px #ffffff,0 0 10px #ffffff,0 0 10px #ffffff}}section{padding:20px;position:relative;min-height:calc(100vh - 40px);overflow-x:hidden;width:calc(100% - 40px)}ul{width:-moz-fit-content;width:fit-content;text-align:left}section:nth-of-type(2n){background:#1e201f55}.section_inner{max-width:1200px;margin:25vh auto;text-align:center}.section_inner ul{margin:0 auto}.button{align-items:center;background:#97451f;border-radius:5px;color:#ffffff;cursor:pointer;display:flex;gap:10px;justify-content:center;margin:0 auto!important;padding:10px 20px;text-decoration:none;text-transform:uppercase;width:-moz-fit-content;width:fit-content}section.home>div:not(.wave){left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:80%}.logo{aspect-ratio:13/3;background:url(/images/colehaus-logo.webp) no-repeat 50%/contain;margin:60px auto 30px;max-width:560px;width:100%}.home p{max-width:586px;margin:60px auto}.what_we_do>div>div:first-of-type,.who_we_are>div>div:first-of-type{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-evenly}.what_we_do>div>div:first-of-type>div,.who_we_are>div>div:first-of-type>div{display:flex;flex-grow:0;flex-shrink:0;flex-basis:calc(33% - 20px);flex-direction:column;gap:10px;justify-content:space-between;margin:0 0 50px}.what_we_do>div>div:first-of-type>div *,.who_we_are>div>div:first-of-type>div *{margin:0}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000055;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:2}.modal_content{background:#000000;border-radius:5px;box-shadow:0 0 10px #ffffff;left:50%;max-width:calc(90% - 40px);padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}.modal_close{cursor:pointer;font-size:2em;position:absolute;right:10px;top:-18px}.form,.form>div>div{display:flex;flex-direction:column;gap:20px}.form>div{flex:0 0 100%;display:flex;gap:20px}.form>div>div{flex:0 1 100%;gap:10px}input,textarea{background:#ffffffcc;border:none;border-radius:5px;color:#000000;font-family:Oswald,sans-serif;font-size:.8em;padding:10px;width:calc(100% - 20px)}input:focus,textarea:focus{outline:none;box-shadow:0 0 10px #ffffff}.section_do{display:flex;flex-direction:column;gap:50px}.section_do>div{align-items:center;display:flex;gap:30px}.section_do>div:nth-of-type(2n){flex-direction:row-reverse}.section_do>div>*{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 15px);width:100%}.section_do>div .slide_in{background:rgba(50,50,50,1);background:linear-gradient(90deg,rgba(50,50,50,0),rgba(50,50,50,1));border-radius:20px;height:380px;position:relative}.section_do>div:nth-of-type(2n) .slide_in{background:linear-gradient(-90deg,rgba(50,50,50,0),rgba(50,50,50,1))}.services h2{text-transform:uppercase;font-size:1.2em;font-weight:300}.footer_links{align-items:start;display:flex;gap:30px;justify-content:center;margin:20px}.footer_links>div{display:flex;flex-direction:column}.footer_links h2{font-size:1em;margin:0 0 10px;text-align:left}.footer_links a,.footer_links span{font-size:.8em;margin:5px 0;text-decoration:none;color:#ffffff;cursor:pointer}@media (hover:hover){.footer_links a:hover,.footer_links span:hover{text-shadow:0 0 10px #ffffff,0 0 10px #ffffff,0 0 10px #ffffff}}.footer_copy{font-size:.6em;text-align:center;margin:50px 0 20px}.process_timeline .section_inner{margin:25vh auto -25vh}.timeline h2,.timeline h3{font-size:40px;font-weight:300;line-height:1.2em;margin:40px 0;text-transform:uppercase}.timeline>div>div:first-of-type{height:114px;position:relative}.timeline>div>div:nth-of-type(2){margin:0 auto;max-width:90%;text-align:center;width:400px}.timeline>div>div>div:first-of-type,.timeline>div>div>div:nth-of-type(3){background:#ffffff55;height:80px;left:0;position:absolute;top:18px;width:25vw;z-index:1}.timeline>div>div>div:nth-of-type(2){background:var(--background);border:5px solid #ffffff;border-radius:100%;font-size:3em;font-weight:900;height:110px;left:50%;margin:0 auto;outline:10px solid var(--background);position:absolute;text-align:center;transform:translateX(-50%);width:110px;z-index:2}section:nth-of-type(2n) .timeline>div>div>div:nth-of-type(2){background:#0a0b0a;outline:10px solid #0a0b0a}.timeline>div>div>div:nth-of-type(3){left:auto;right:0}.timeline>div>div>div:nth-of-type(3):before{aspect-ratio:1;border:15px solid var(--background);border-bottom:none;border-left:none;content:"";position:absolute;right:24px;top:-16px;transform:rotate(45deg);width:100px}section:nth-of-type(2n) .timeline>div>div>div:nth-of-type(3):before{border:15px solid #0a0b0a;border-bottom:none;border-left:none}.timeline>div:last-of-type>div>div:nth-of-type(3):before{display:none}.timeline{display:flex;padding:25vh 0}.timeline>div{flex:0 0 51vw;margin:70px 0 0}.dashboard{background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;top:0;left:0;margin-left:-5%;width:110%;height:110%}.dashboard_1{background-image:url(/images/software-development-dashboard-1.webp)}.dashboard_2{background-image:url(/images/software-development-dashboard-2.webp)}.dashboard_3{background-image:url(/images/software-development-dashboard-3.webp)}.dashboard_4{background-image:url(/images/software-development-dashboard-4.webp)}.dashboard_5{background-image:url(/images/software-development-dashboard-5.webp)}.dashboard_6{background-image:url(/images/software-development-dashboard-6.webp)}.dashboard_7{background-image:url(/images/software-development-dashboard-7.webp)}.dashboard_8{background-image:url(/images/software-development-dashboard-8.webp)}.slide_in:has(.alignment),.slide_in:has(.animation),.slide_in:has(.api),.slide_in:has(.booking),.slide_in:has(.client_portal),.slide_in:has(.cms),.slide_in:has(.collateral),.slide_in:has(.colour),.slide_in:has(.concept),.slide_in:has(.copywriting),.slide_in:has(.corporate),.slide_in:has(.delivery),.slide_in:has(.ecommerce),.slide_in:has(.editing),.slide_in:has(.editorial),.slide_in:has(.exhibition),.slide_in:has(.experiences),.slide_in:has(.formats),.slide_in:has(.guidelines),.slide_in:has(.headshots),.slide_in:has(.interpretation),.slide_in:has(.inventory),.slide_in:has(.language),.slide_in:has(.lifestyle),.slide_in:has(.logos),.slide_in:has(.messaging),.slide_in:has(.microsite),.slide_in:has(.motion),.slide_in:has(.mount),.slide_in:has(.naming),.slide_in:has(.news),.slide_in:has(.photo),.slide_in:has(.product),.slide_in:has(.rebrand),.slide_in:has(.reports),.slide_in:has(.saas),.slide_in:has(.scheduling),.slide_in:has(.sound),.slide_in:has(.strategy),.slide_in:has(.threed),.slide_in:has(.tone),.slide_in:has(.visual),.slide_in:has(.websites){overflow:hidden}.alignment,.animation,.api,.booking,.client_portal,.cms,.collateral,.colour,.concept,.copywriting,.corporate,.delivery,.ecommerce,.editing,.editorial,.exhibition,.experiences,.formats,.guidelines,.headshots,.interpretation,.inventory,.language,.lifestyle,.logos,.messaging,.microsite,.motion,.mount,.naming,.news,.photo,.product,.rebrand,.reports,.saas,.scheduling,.sound,.strategy,.threed,.tone,.visual,.websites{background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0;width:100%;height:150%}.client_portal_1{background-image:url(/images/software-development-client-portal.webp)}.inventory_1{background-image:url(/images/software-development-inventory.webp)}.api_1{background-image:url(/images/software-development-api.webp)}.saas_1{background-image:url(/images/software-development-saas.webp)}.reports_1{background-image:url(/images/software-development-reports.webp)}.logos_1{background-image:url(/images/branding-logos-and-visual-design.webp)}.naming_1{background-image:url(/images/branding-naming-and-brand-strategy.webp)}.colour_1{background-image:url(/images/branding-colour-palettes-and-typography.webp)}.messaging_1{background-image:url(/images/branding-messaging-and-tone-of-voice.webp)}.guidelines_1{background-image:url(/images/branding-brand-guidlines.webp)}.collateral_1{background-image:url(/images/branding-collateral-and-social-templates.webp)}.alignment_1{background-image:url(/images/branding-website-design-alignment.webp)}.rebrand_1{background-image:url(/images/branding-rebrands-and-brand-refreshes.webp)}.websites_1{background-image:url(/images/web-development-business-and-portfolio-websites.webp)}.microsite_1{background-image:url(/images/web-development-campaign-or-event-microsites.webp)}.news_1{background-image:url(/images/web-development-blogs-and-editorial-newsrooms.webp)}.cms_1{background-image:url(/images/web-development-custom-cms-integrations.webp)}.ecommerce_1{background-image:url(/images/web-development-ecommerce-platforms.webp)}.booking_1{background-image:url(/images/web-development-booking-and-enquiry-systems.webp)}.language_1{background-image:url(/images/web-development-multi-language-and-region-specific.webp)}.strategy_1{background-image:url(/images/social-media-content-strategy-and-campaign-design.webp)}.tone_1{background-image:url(/images/social-media-audience-profiling-and-tone-development.webp)}.photo_1{background-image:url(/images/social-media-photography-and-short-form-video.webp)}.motion_1{background-image:url(/images/social-media-motion-graphics-and-animated-templatest.webp)}.copywriting_1{background-image:url(/images/social-media-copywriting-and-hashtag-strategy.webp)}.scheduling_1{background-image:url(/images/social-media-scheduling-and-community-engagement.webp)}.product_1{background-image:url(/images/photography-product-and-ecommerce.webp)}.lifestyle_1{background-image:url(/images/photography-lifestyle-and-brand.webp)}.editorial_1{background-image:url(/images/photography-editorial.webp)}.headshots_1{background-image:url(/images/photography-actors-headshots-and-model-portfolios.webp)}.corporate_1{background-image:url(/images/photography-corporate-and-headshots.webp)}.concept_1{background-image:url(/images/videography-concept-and-on-location-filming.webp)}.editing_1{background-image:url(/images/videography-professional-editing.webp)}.sound_1{background-image:url(/images/videography-colour-grading-and-sound-design.webp)}.animation_1{background-image:url(/images/videography-motion-graphics-and-animation.webp)}.formats_1{background-image:url(/images/videography-formats-for-every-need.webp)}.exhibition_1{background-image:url(/images/museums-and-exhibitions-exhibition-design-and-layout.webp)}.interpretation_1{background-image:url(/images/museums-and-exhibitions-interpretation-and-storytelling.webp)}.visual_1{background-image:url(/images/museums-and-exhibitions-graphic-design-and-visual-identity.webp)}.experiences_1{background-image:url(/images/museums-and-exhibitions-digital-and-interactive-experiences.webp)}.threed_1{background-image:url(/images/museums-and-exhibitions-3d-visualisation-and-prototyping.webp)}.mount_1{background-image:url(/images/museums-and-exhibitions-mount-design-and-fabrication-drawings.webp)}.delivery_1{background-image:url(/images/museums-and-exhibitions-installation-and-delivery-support.webp)}@media (max-width:950px){.what_we_do>div>div:first-of-type>div,.who_we_are>div>div:first-of-type>div{flex-grow:0;flex-shrink:0;flex-basis:calc(50% - 20px)}}@media (max-width:800px){.section_do>div>*{flex:0 0 100%}.section_do>div .slide_in{min-height:25vh}.section_do>div,.section_do>div:nth-of-type(2n){flex-direction:column-reverse}}@media (max-width:650px){.what_we_do>div>div:first-of-type>div,.who_we_are>div>div:first-of-type>div{flex-grow:0;flex-shrink:0;flex-basis:calc(100% - 20px)}}@media (max-width:535px){h1{font-size:10vw}h2{font-size:7.5vw}h3{font-size:5vw}.button,p{font-size:4vw}}.gradient_animation{animation:gradient 20s ease infinite;background:#000000 linear-gradient(315deg,rgba(121,39,1,.2) 3%,rgba(0,0,0,1) 38%,rgba(0,0,0,1) 68%,rgba(121,39,1,.5) 98%);background-size:400% 400%;overflow:hidden;position:relative}.gradient_animation .wave{background:rgb(255 255 255/2%);border-radius:1000% 1000% 0 0;position:absolute;width:200%;height:12em;animation:wave 10s linear -3s infinite;opacity:.8;left:0;z-index:0;bottom:0;top:auto}.gradient_animation .wave:nth-of-type(2){bottom:-1.25em;animation:wave 18s linear infinite reverse;opacity:.4}.gradient_animation .wave:nth-of-type(3){bottom:-2.5em;animation:wave 20s -1s infinite reverse;opacity:.6}@keyframes gradient{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}@keyframes wave{2%{transform:translateX(1)}25%{transform:translateX(-25%)}50%{transform:translateX(-50%)}75%{transform:translateX(-25%)}to{transform:translateX(1)}}