@font-face{font-family:Inter;src:url('assets/inter-regular.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:#111310;color:#f5f6ef;font-family:Inter,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #d9ff65;outline-offset:6px}header{display:flex;align-items:center;justify-content:space-between;padding:30px 4vw}header img{width:145px;height:45px;object-fit:contain}nav{display:flex;align-items:center;gap:34px}nav a{font-size:14px}.nav-contact{background:#d9ff65;color:#111310;padding:15px 21px;border-radius:40px}.nav-contact span{margin-left:24px}.hero{padding:32px 4vw 0}h1{font-size:clamp(48px,7.5vw,120px);letter-spacing:-.065em;line-height:1.02;font-weight:500;margin:10px 0 28px}h1>span{display:block}h1 i{font-family:Georgia,serif;font-weight:400;color:#d9ff65}p{line-height:1.55}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin:0 0 42px}.hero-bottom p{max-width:390px;margin:0;color:#c8ccc2;font-size:17px}.pill{border-radius:40px;background:#f5f6ef;color:#111310;padding:18px 25px;font-size:15px}.pill span{margin-left:35px}.hero-stage{height:490px;background:#c1c5c6;position:relative;overflow:hidden;color:#232422}.product-wrap{position:absolute;inset:-15% 20% -26% 28%;transform:rotate(-9deg)}.product{width:100%;height:100%;object-fit:contain}.stage-copy{position:absolute;left:4%;top:10%;z-index:1}.stage-copy>span{font-size:17px}.stage-copy p{font-size:clamp(25px,3vw,48px);line-height:1.1;letter-spacing:-.05em}.stage-copy a{font-size:14px;text-decoration:underline;text-underline-offset:6px}.stage-side{position:absolute;right:4%;bottom:12%;font-size:14px;line-height:1.5}button{font:inherit;cursor:pointer}#replay{position:absolute;right:3%;top:8%;border:0;background:#111310;color:#fff;border-radius:30px;padding:12px 18px;font-size:13px}.hero-foot{display:flex;justify-content:space-between;padding:24px 0;font-size:13px;color:#c8ccc2}.work-intro{padding:120px 4vw 80px;display:flex;justify-content:space-between;gap:50px}h2{font-size:clamp(38px,5.2vw,80px);font-weight:400;letter-spacing:-.06em;line-height:1.05;margin:0}.work-intro p{max-width:340px;align-self:end;margin:0;color:#c8ccc2}.project{padding:45px 4vw 35px;overflow:hidden}.project-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:38px}.project-top h2{font-size:clamp(32px,4vw,62px)}.project-top>span{font-size:14px}.ovie{background:#481b29;color:#fff2e7}.ovie-art{height:650px;position:relative}.beauty-type{font-family:Georgia,serif;font-size:clamp(66px,9vw,140px);line-height:.94;letter-spacing:-.05em;position:absolute;top:10%;left:3%;z-index:1}.beauty-type i{font-weight:400}.ovie-art img{position:absolute;width:58%;height:120%;object-fit:contain;right:0;top:-8%;transform:rotate(12deg)}.project-bottom{display:flex;align-items:end;justify-content:space-between;gap:45px;padding-top:30px}.project-bottom p{max-width:540px;font-size:17px;margin:0}.project-bottom a{white-space:nowrap;text-decoration:underline;text-underline-offset:8px}.constitra{background:#174a37}.civic-art{min-height:570px;padding:60px 4%;position:relative;overflow:hidden}.civic-art>img{width:270px;max-width:70%}.civic-art>p{position:relative;z-index:1;font-size:clamp(40px,5.4vw,82px);letter-spacing:-.06em;line-height:1.08}.civic-path{position:absolute;right:0;bottom:-25%;width:430px;height:550px;transform:rotate(-28deg)}.civic-path span{position:absolute;width:230px;height:230px;border-radius:50%;background:#c9ecb2;mix-blend-mode:screen}.civic-path span:nth-child(2){top:90px;left:85px}.civic-path span:nth-child(3){top:180px}.civic-path span:nth-child(4){top:270px;left:85px}.civic-path span:nth-child(5){top:360px}.fyla{background:#e9eef1;color:#172a3b}.fyla-art{height:620px;position:relative;overflow:hidden}.fyla-art>img{width:100%;height:100%;object-fit:cover}.fyla-art>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:35px;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 65%,rgba(0,0,0,.5));color:#fff}.fyla-art span{font-size:clamp(36px,5.5vw,86px);line-height:1;letter-spacing:-.055em}.fyla-art small{font-size:13px}.ebore{padding:75px 4vw;background:#ddccae;color:#2b2a24}.ebore>span,.ebore p{font-size:15px}.ebore h2{margin:30px 0;display:flex;justify-content:space-between}.approach{padding:120px 4vw}.approach-body{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:70px}.approach-body>p{font-size:25px;max-width:480px;margin:0}.services h3{font-size:25px;font-weight:400;margin:0}.services p{color:#c8ccc2;margin:12px 0 35px}.contact{background:#d9ff65;color:#111310;padding:70px 4vw 35px}.contact>p{font-size:18px}.contact>a{display:block;font-size:clamp(54px,10vw,155px);letter-spacing:-.075em;line-height:1.02;margin:45px 0 80px}.contact>a span{display:inline-block}.contact-bottom{display:flex;gap:35px;font-size:15px}.contact-bottom a:first-child{margin-right:auto}footer{padding:40px 4vw;display:flex;align-items:center;justify-content:space-between;font-size:13px}footer img{width:140px} @media(hover:hover) and (pointer:fine){a,button{transition:opacity .2s}a:hover,button:hover{opacity:.7}}@media(max-width:700px){header{padding:22px 5vw}header img{width:115px}nav{gap:18px}nav>a:not(.nav-contact){display:none}.nav-contact{padding:12px 16px}.nav-contact span{margin-left:12px}.hero{padding:28px 5vw 0}h1{font-size:11.2vw;margin-bottom:28px}.hero-bottom{display:block;margin-bottom:30px}.hero-bottom p{font-size:16px;max-width:310px}.pill{display:inline-block;margin-top:24px;padding:15px 20px}.hero-stage{height:450px}.stage-copy{top:6%;left:7%}.stage-copy p{font-size:30px;margin-top:20px}.product-wrap{inset:15% -19% -16% 9%;transform:rotate(-12deg)}.stage-side{display:none}#replay{top:6%;right:6%;font-size:12px;padding:9px 12px}.hero-foot{font-size:12px;gap:20px}.hero-foot span:last-child{display:none}.work-intro{padding:80px 5vw 55px;display:block}.work-intro p{margin-top:25px}.project{padding:30px 5vw}.project-top{display:block;margin-bottom:20px}.project-top>span{display:block;margin-top:15px}.ovie-art{height:510px}.beauty-type{font-size:65px;top:4%;left:0}.ovie-art img{width:100%;right:-17%;height:80%;top:28%}.project-bottom{display:block;padding-top:20px}.project-bottom p{font-size:16px}.project-bottom>a,.project-bottom>span{display:inline-block;margin-top:25px;font-size:14px}.civic-art{min-height:500px;padding:35px 0}.civic-art>img{width:190px}.civic-art>p{font-size:42px}.civic-path{right:-130px;bottom:-55%;opacity:.65}.fyla-art{height:470px}.fyla-art>div{padding:22px}.fyla-art span{font-size:43px}.ebore{padding:60px 5vw}.ebore h2{font-size:37px}.approach{padding:75px 5vw}.approach-body{display:block;margin-top:35px}.approach-body>p{font-size:22px;margin-bottom:45px}.contact{padding:45px 5vw 30px}.contact>a{font-size:16vw;margin:40px 0 55px}.contact-bottom{flex-wrap:wrap;gap:25px}.contact-bottom a:first-child{width:100%;font-size:16px}footer{padding:30px 5vw;flex-wrap:wrap;gap:25px}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.arrow{width:.85em;height:.85em;display:inline-block;vertical-align:baseline;fill:none;stroke:currentColor;stroke-width:1.5}.down{transform:rotate(135deg)}@media(max-width:700px){.product-wrap{inset:40% -10% -24% 10%}.stage-copy p{font-size:28px}.stage-copy a{position:relative;z-index:2}}
/* Client roster and retained original WKE showcase */
.crm-hero{background:#d9ff65}.crm-hero .product-wrap{inset:8% -5% -10% 38%;transform:rotate(-5deg)}.crm-hero .product{object-fit:contain}.client-section{padding:100px 4vw}.client-section h2{font-size:clamp(35px,4vw,60px)}.client-logos{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:80px;margin:70px 0}.client-logos img{width:100%;height:95px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}.client-pending{font-size:clamp(24px,2.5vw,38px);text-align:center;letter-spacing:-.04em}.initiative{display:flex;align-items:center;gap:40px;color:#c8ccc2;font-size:14px;margin-top:60px}.initiative img{width:150px;max-height:50px}.work{background:#e9eee7;color:#142019;padding:85px 4vw}.work-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:60px}.work-heading p{max-width:350px}.project-overview{display:grid;grid-template-columns:1fr 1.8fr;gap:70px}.project-intro h3{font-size:45px;line-height:1.05;font-weight:400;letter-spacing:-.045em;margin:0 0 25px}.project-intro p{max-width:360px}.project-screen{margin:0}.project-screen img{width:100%;height:auto}.project-screen figcaption{margin-top:12px;font-size:14px}.view-switch{display:flex;gap:10px;margin-top:30px}.view-switch button{border:1px solid #142019;background:transparent;color:#142019;padding:12px 18px;border-radius:30px;font-size:14px}.view-switch button[aria-pressed=true]{background:#142019;color:#fff}.case-brief{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin:70px 0}.case-brief h3,.walkthrough h3{font-size:26px;font-weight:400}.walkthrough{display:grid;grid-template-columns:1fr 1.8fr;gap:35px 70px;align-items:start}.walkthrough video{width:100%}.video-description{grid-column:2;font-size:14px;margin:0}.inline-link{text-decoration:underline;text-underline-offset:6px}.testimonial{padding:80px 4vw;background:#d9ff65;color:#142019}.quote-layout{display:grid;grid-template-columns:1fr 1.8fr;gap:70px}.testimonial h2{font-size:38px}.testimonial figure{margin:0}.testimonial blockquote{margin:0;font-size:27px;letter-spacing:-.025em}.testimonial figcaption{margin-top:24px;font-size:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.crm-hero{height:425px}.crm-hero .product-wrap{inset:43% -14% -10% 5%;transform:rotate(-5deg)}.client-section{padding:65px 5vw}.client-logos{grid-template-columns:1fr 1fr;gap:45px 25px;margin:45px 0}.client-logos img{height:65px}.client-pending{text-align:left;font-size:25px}.initiative{gap:25px}.initiative img{width:125px}.work{padding:60px 5vw}.work-heading,.project-overview,.walkthrough,.quote-layout{display:block}.work-heading{margin-bottom:35px}.work-heading p{margin-top:25px}.project-screen{margin-top:35px}.project-intro h3{font-size:37px}.case-brief{grid-template-columns:1fr;gap:10px;margin:40px 0}.walkthrough video{margin-top:25px}.video-description{margin-top:15px}.testimonial{padding:55px 5vw}.testimonial h2{margin-bottom:30px}.testimonial blockquote{font-size:23px}}

.initiative img{width:280px;max-height:none;height:auto;object-fit:contain}@media(max-width:700px){.initiative{flex-wrap:wrap}.initiative img{width:240px;max-width:100%}}

.client-logos{grid-template-columns:repeat(4,1fr);gap:55px}.client-logos>a{display:flex;align-items:center;justify-content:center;min-height:100px}.client-logos .client-pending{grid-column:1/-1;font-size:26px;text-align:left}.initiative>a{display:inline-flex}.client-logos>a:focus-visible,.initiative>a:focus-visible{outline:2px solid #d9ff65;outline-offset:10px}@media(max-width:700px){.client-logos{grid-template-columns:1fr 1fr;gap:30px}.client-logos>a{min-height:70px}}
.client-logos .client-pending{grid-column:auto;text-align:center;font-size:24px}.enquiry-page{padding:65px 4vw 100px;display:grid;grid-template-columns:1fr 1.2fr;gap:9%;align-items:start}.enquiry-intro{position:sticky;top:45px}.enquiry-intro h1{font-size:clamp(56px,6vw,92px);margin:0 0 32px}.enquiry-intro h1 i{font-family:Georgia,serif;color:#d9ff65;font-weight:400}.enquiry-intro p{max-width:350px;color:#c8ccc2}.enquiry-intro>a{display:inline-block;margin-top:24px;text-decoration:underline;text-underline-offset:6px}.field{margin-bottom:25px;min-width:0}.field label{display:block;margin-bottom:12px;font-size:15px;line-height:1.5}.field label span{color:#bcc1b8;font-size:14px}.field input,.field select,.field textarea{display:block;width:100%;min-width:0;border:1px solid #72786c;border-radius:0;background:#22251f;color:#f5f6ef;font:inherit;font-size:16px;padding:16px;line-height:1.45}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #d9ff65;outline-offset:3px}.field textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-note{font-size:14px;line-height:1.5;color:#c8ccc2}.submit-button{background:#d9ff65;color:#111310;border:0;border-radius:40px;padding:18px 25px;font:inherit;margin-top:12px;cursor:pointer}.form-status{font-size:15px;line-height:1.5}.honeypot{display:none}.thank-you{min-height:70vh;display:block}.thank-you p{max-width:540px;margin-bottom:40px}@media(max-width:700px){.enquiry-page{padding:45px 5vw 65px;display:block}.enquiry-intro{position:static;margin-bottom:45px}.enquiry-intro h1{font-size:60px}.form-row{grid-template-columns:1fr;gap:0}.enquiry-page+.footer{margin-top:0}.enquiry-page header nav{display:block}}
.process-section{padding:90px 4vw 115px;background:#f1f0e9;color:#151914;overflow:hidden}.process-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:start;margin-bottom:65px}.process-heading h2{font-size:clamp(38px,5.3vw,82px)}.process-heading>p{max-width:405px;margin:0;font-size:19px}.process-steps{list-style:none;padding:0;margin:0}.process-steps li{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:10%;min-height:180px;position:relative}.process-steps h3{font-weight:400;font-size:clamp(40px,4.6vw,72px);letter-spacing:-.055em;line-height:1.2;margin:0;white-space:nowrap}.word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}.word-mask>span{display:inline-block}.process-steps p{font-size:18px;max-width:430px;margin:0}.process-steps li:nth-child(2) h3{padding-left:6vw}.process-steps li:nth-child(3) h3{padding-left:12vw}.process-steps li:nth-child(4) h3{padding-left:18vw}.process-steps li:nth-child(4){grid-template-columns:1.4fr 1fr;gap:4%}@media(max-width:700px){.process-section{padding:65px 5vw 70px}.process-heading{display:block;margin-bottom:30px}.process-heading>p{font-size:17px;margin-top:24px}.process-steps li,.process-steps li:nth-child(4){display:block;min-height:0;padding:28px 0}.process-steps h3{font-size:43px}.process-steps p{font-size:16px;margin-top:15px;max-width:290px}.process-steps li:nth-child(2) h3{padding-left:6vw}.process-steps li:nth-child(3) h3{padding-left:12vw}.process-steps li:nth-child(4) h3{padding-left:18vw}}
