body,.work-detail-page{font-family:ppbook;background:#fffcfc;margin:0;padding:0}.replenish-special-text{opacity:.5}.scope-detail-page{margin-top:3rem;padding:2rem 0}.scope-detail-page h1{font-family:ppbook;font-size:2rem;font-weight:600;margin-bottom:1rem;color:#000}.scope-detail-page p{font-family:ppbook;font-size:1.1rem;line-height:1.6;color:#333;margin:0}.typography-typeface img{width:100%}.work-detail-page{width:100vw;margin:0 auto;background:#fff}.view-live{position:relative;display:inline-flex;align-items:center;gap:8px;margin-right:3vw;cursor:pointer;text-decoration:none;color:#000;font-family:ppbook;font-size:.88vw;font-weight:400;letter-spacing:.1em;text-transform:uppercase;padding-bottom:4px;overflow:hidden}.view-live:before{content:"VISIT SITE";position:relative}.view-live:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#000;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}.view-live:hover:after{transform:scaleX(1);transform-origin:bottom left}.view-live .arrow-icon{position:relative;width:18px;height:19px;opacity:0;transform:translate(-10px) scale(0);transition:all .4s cubic-bezier(.23,1,.32,1)}.view-live:hover .arrow-icon{opacity:1;transform:translate(0) scale(1)}.view-live .arrow-icon svg{width:18px!important;height:19px!important;fill:#000!important}.view-live .arrow-icon svg path{fill:#000!important}.view-live svg:not(.arrow-icon svg){display:none}.view-live.style-underline{display:inline-flex;align-items:center;position:relative;margin-right:3vw;cursor:pointer;text-decoration:none;color:#fff;font-family:ppbook;font-size:.9rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;padding-bottom:4px;transition:all .3s ease}.view-live.style-underline:before{content:"VISIT SITE";position:relative}.view-live.style-underline:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.view-live.style-underline:hover{opacity:.8}.view-live.style-underline:hover:after{width:100%}.view-live.style-pill{display:inline-flex;align-items:center;justify-content:center;margin-right:3vw;cursor:pointer;text-decoration:none;color:#fff;font-family:ppbook;font-size:.85rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;padding:.6rem 1.2rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:50px;transition:all .3s ease}.view-live.style-pill:before{content:"VISIT SITE"}.view-live.style-pill:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-1px)}.view-live.style-bracket{display:inline-flex;align-items:center;margin-right:3vw;cursor:pointer;text-decoration:none;color:#fff;font-family:ppbook;font-size:.9rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;padding:.4rem 1rem;transition:all .3s ease}.view-live.style-bracket:before{content:"[ VISIT SITE ]"}.view-live.style-bracket:hover{color:#ffffffb3;transform:translate(2px)}.view-live.style-arrow{display:inline-flex;align-items:center;margin-right:3vw;cursor:pointer;text-decoration:none;color:#fff;font-family:ppbook;font-size:.9rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;transition:all .3s ease}.view-live.style-arrow:before{content:"→ VISIT SITE";margin-right:.5rem}.view-live.style-arrow:hover{transform:translate(4px);opacity:.8}.view-live.style-dotted{display:inline-flex;align-items:center;justify-content:center;margin-right:3vw;cursor:pointer;text-decoration:none;color:#fff;font-family:ppbook;font-size:.9rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;padding:.5rem 1rem;border:1px dotted rgba(255,255,255,.4);transition:all .3s ease}.view-live.style-dotted:before{content:"VISIT SITE"}.view-live.style-dotted:hover{border-color:#fffc;background:#ffffff0d}.view-live.style-ghost{display:inline-flex;align-items:center;justify-content:center;margin-right:3vw;cursor:pointer;text-decoration:none;color:#fff;font-family:ppbook;font-size:.85rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.8rem 1.5rem;border:2px solid #fff;background:transparent;transition:all .3s ease}.view-live.style-ghost:before{content:"VISIT SITE"}.view-live.style-ghost:hover{background:#fff;color:#002c2c;transform:translateY(-2px)}.workdetail-hero{position:relative;color:#fff;height:110vh;width:100vw;display:flex;flex-direction:column;padding-bottom:1vw}.workdetail-hero-bg{z-index:1;overflow:hidden;height:100%;width:100vw}.workdetail-hero-bg img{height:100%;width:100%;object-fit:cover}.overview-title{color:#000;font-family:ppbook;font-size:1.1vw;margin-bottom:1.5vw;text-transform:uppercase}.overview-content-text h2,.overview-content-text .overview-h2{color:#000;font-family:ppbook;font-size:2.3vw;font-weight:700;width:64vw}.overview-content-text p{font-size:1.2vw;color:#000;margin-top:.8vw;max-width:24vw;font-weight:400}.overview-right-para{width:100%;display:flex;justify-content:flex-end;padding-top:3vw;font-family:ppbook;font-size:1vw}.workdetail-hero-content{position:relative;z-index:2;padding:2.5vw 7vw 3vw;display:flex;justify-content:space-between;width:100%;align-items:flex-start}.workdetail-title{font-size:4vw;font-weight:800;margin:0 0 .52vw;letter-spacing:-.1vw}.workdetail-hero-desc{font-size:1.25vw;color:#000;font-family:ppbook;font-style:normal;font-weight:400;line-height:normal;max-width:32vw}.website-template-page:is([data-project=genie],[data-project=ai-assistant]) .workdetail-hero-desc{max-width:32vw!important}.workdetail-hero-meta{display:flex;gap:2vw;font-size:1vw;opacity:.85;max-width:42vw;margin-right:2vw}.categories-title,.categories-values{gap:.6vw;display:flex;flex-direction:column}.categories-values{flex-direction:column}.services-list{display:flex;flex-direction:row;gap:.5rem;color:#000;font-size:1vw}.categories-title p{color:#000;font-family:ppbook;font-size:1.1vw;opacity:.65;font-style:normal;font-weight:500;line-height:normal}.categories-values>p{color:#000;font-family:ppbook;font-size:1vw;font-style:normal;font-weight:400;line-height:normal}.services-list p{font-size:1.1vw;text-wrap:nowrap}.workdetail-overview{background:#fff;padding:8vw 7vw 6vw}.work-detail-page[data-project=replenish] .workdetail-overview{padding:8vw 7vw 6vw}.workdetail-moodboard{background:#f5f5f5;padding:2.08vw}.workdetail-moodboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.33vw,1fr));gap:.94vw}.moodboard-image{width:70%;display:flex;align-items:center;justify-content:center;color:#1b4c4a;font-weight:600;font-size:1.1vw}.emigratie-moodboard-wide{width:110%!important}.moodboard-section{padding:2.8vw 7vw 1.6vw;display:flex;justify-content:space-between}.workdetail-process{display:flex;flex-wrap:wrap;background:#1b4c4a;color:#fff;padding:2.5vw 2.08vw;gap:2.08vw}.workdetail-process-left,.workdetail-process-right{flex:1 1 16.67vw}.workdetail-process h2,.workdetail-process h3{margin-top:0}.workdetail-scope{background:#fff;padding:2.08vw;border-bottom:.05vw solid #e5e5e5}.workdetail-scope h2{font-size:1.5vw;margin-bottom:.52vw}.workdetail-scope ul{display:flex;flex-wrap:wrap;gap:.94vw;padding:0;margin:0;list-style:none}.workdetail-scope li{background:#1b4c4a;color:#fff;padding:.42vw .94vw;font-size:1vw}.workdetail-scopegrid{display:flex;flex-direction:column;background:#fff;padding:4vw 7vw 6vw;gap:2vw}.scopegrid-content{width:100%;display:flex;justify-content:space-between}.scopegrid-title{font-size:.9vw;font-family:ppbook;text-transform:uppercase;margin-bottom:2vw;color:#222;font-weight:700}.scopegrid-list{display:grid;grid-template-columns:1fr 1fr;gap:.8vw 3vw;margin:0;padding-left:1.5vw;font-size:.938vw;color:#222;font-family:ppbook;list-style:disc;width:95%}.website-template-page .moodboard-section{flex-direction:column}.website-template-page .moodboard-image{width:100%}.scopegrid-list li{margin-bottom:1vw;line-height:1.6;break-inside:avoid}.scopegrid-list strong{font-weight:700;color:#000}.scopegrid-images{display:grid;grid-template-columns:1fr 1fr;gap:2vw}.scopegrid-img{width:100%;object-fit:cover}.workdetail-visuals,.workdetail-more-visuals{background:#f5f5f5;padding:2.08vw}.workdetail-visuals-grid,.workdetail-more-visuals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(12.5vw,1fr));gap:1.25vw}.visuals-img,.more-visuals-img{background:#e5e5e5;height:9.38vw;display:flex;align-items:center;justify-content:center;color:#1b4c4a;font-weight:600;font-size:1.1vw}.workdetail-brand{background:#fff;padding:2.08vw}.workdetail-brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.42vw,1fr));gap:.94vw}.brand-img{background:#e5e5e5;height:6.25vw;border-radius:.52vw;display:flex;align-items:center;justify-content:center;color:#1b4c4a;font-weight:600;font-size:1.1vw}.workdetail-colors-type{display:flex;flex-wrap:wrap;gap:2.08vw;background:#1b4c4a;color:#fff;padding:2.5vw 2.08vw}.workdetail-colors{flex:1 1 16.67vw}.color-swatches{display:flex;gap:.63vw;margin-top:.63vw}.color-swatch{width:2.5vw;height:2.5vw;border:.1vw solid #fff}.workdetail-type{flex:1 1 16.67vw;display:flex;flex-direction:column;justify-content:flex-end}.type-sample{margin-top:.94vw;font-size:1.3vw;font-family:Manrope,Arial,sans-serif}.type-family{font-weight:700;margin-right:.52vw}.type-weight{font-weight:400;opacity:.8}.workdetail-footer{background:#222;color:#fff;padding:2.5vw 2.08vw 1.25vw;text-align:center}.workdetail-footer-content h2{font-size:2vw;margin-bottom:.52vw;font-weight:700}.workdetail-footer-content p{margin:0 0 .94vw;font-size:1.1vw;opacity:.85}.workdetail-footer-brand{font-size:2.5vw;font-weight:900;letter-spacing:.1vw;margin-top:.94vw;color:#fff}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.workdetail-problem-section{color:#fff;padding:6vw 7vw}.work-detail-page[data-project=blendrs] .workdetail-problem-section{background:radial-gradient(475.19% 106.74% at 42.99% 44.89%,#fffcfc 16.34%,#e6ebf9 84.96%)!important}.tekia-white-text,.tekia-white-text h2,.tekia-white-text p,.tekia-white-text h3,.tekia-white-text li{color:#fff!important}.work-detail-page[data-project=tekia] .workdetail-problem-section{background:#f9f9f9!important}.work-detail-page[data-project=tekia] .colors-type-left p{color:#f9f9f9!important;opacity:.8}.work-detail-page[data-project=emigratie] .typography-left p{width:48%}.case-study-page[data-project=blendrs] .workdetail-problem-section{background:radial-gradient(475.19% 106.74% at 42.99% 44.89%,#fffcfc 16.34%,#e6ebf9 84.96%)!important}.case-study-page[data-project=tekia] .workdetail-problem-section{background:#f9f9f9!important}.case-study-page[data-project=replenish] .workdetail-problem-section{background:#2e7d32!important;color:#fff!important}.tekia-colors-grid-padding{padding:2vw 13vw 6vw 11vw}.tekia-mockup-padding,.work-detail-page[data-project=tekia] .mockup-section{padding-top:8vw!important}.blendrs-colors-grid-gradient{background:radial-gradient(475.19% 106.74% at 42.99% 44.89%,#fffcfc 16.34%,#e6ebf9 84.96%)!important}.work-detail-page[data-project=blendrs] .typography-section{background:linear-gradient(105deg,#49cb9f -3.54%,#2f5ea4 108.93%)!important}.emigratie-hero-gradient{background:linear-gradient(155deg,#ef5324 .66%,#2e46aa 104.06%,#3b47a1 104.06%)!important}.workdetail-problem-grid{display:flex;gap:6vw}.workdetail-problem-left{width:40vw}.workdetail-problem-right{flex:1 1 38vw;min-width:260px;display:flex;flex-direction:column;gap:2vw}.problem-heading{font-size:1.2vw;font-family:ppbook;text-transform:uppercase;letter-spacing:.1vw;margin-bottom:2vw;font-weight:700}.problem-para{color:#000000e6;font-family:ppbook;font-size:1.3vw;line-height:1.4;margin-bottom:1.2vw;width:100%}.problem-block{margin-bottom:2vw;width:100%}.problem-subheading{font-size:1vw;font-family:ppbook;font-weight:600;margin-bottom:.7vw;color:#000}.problem-list{margin:0 0 1vw 1vw;padding:0 0 0 1.2vw;color:#000000c9}.problem-list li{margin-bottom:.6vw;list-style:disc}@media(max-width:900px){.work-detail-page{max-width:100vw}.workdetail-hero-content,.workdetail-overview,.workdetail-moodboard,.workdetail-process,.workdetail-scope,.workdetail-visuals,.workdetail-brand,.workdetail-colors-type,.workdetail-more-visuals,.workdetail-footer{padding-left:.94vw;padding-right:.94vw}.workdetail-title{font-size:2.2vw}.workdetail-problem-section{padding:4vw 2vw}.workdetail-problem-grid{flex-direction:column;gap:6vw}.workdetail-problem-left,.workdetail-problem-right{min-width:0}.problem-heading,.problem-subheading,.problem-para,.problem-list{font-size:2.8vw!important}.problem-para{margin-bottom:2vw!important}}@media(min-width:1025px)and (max-width:1440px){.case-study-page .overview-title{font-size:calc(1.02vw + 1px)}}@media(max-width:600px){.workdetail-hero-image-placeholder{height:9.38vw;font-size:1.2vw}.website-template-page:is([data-project=genie],[data-project=ai-assistant]) .workdetail-hero-desc{max-width:97vw!important}.problem-subheading{font-size:1vw;font-family:ppbook;font-weight:600;margin-bottom:3.37vw;color:#000}.workdetail-hero-content{padding:1.67vw .52vw 0}.workdetail-overview,.workdetail-moodboard,.workdetail-process,.workdetail-scope,.workdetail-visuals,.workdetail-brand,.workdetail-colors-type,.workdetail-more-visuals,.workdetail-footer{padding:.83vw .31vw}.workdetail-title{font-size:1.3vw}.workdetail-problem-section{padding:3vw 1vw;font-family:ppbook}.problem-heading,.problem-subheading,.problem-para,.problem-list{font-size:4.1vw!important}.problem-para{margin-bottom:7vw!important}}.workdetail-problem-section{position:relative}.main-img-casestudy{object-fit:cover;height:94vh;width:100vw;margin-bottom:-1vw}.dat-main-img-wrapper{position:relative;width:100%;height:fit-content;padding:5vw 7vw}.dat-main-img-overlay{position:relative;bottom:auto;left:auto;z-index:10;max-width:48%;color:#000}.dat-overlay-heading{color:#000!important}.dat-overlay-text{font-family:ppbook;font-size:1.3vw;line-height:1.55;color:#000c;margin-bottom:.7vw}.dat-overlay-label{font-weight:700;color:#000}@media(max-width:900px){.dat-main-img-wrapper{height:fit-content;padding:8vw 5vw}.dat-main-img-overlay{max-width:100%}.dat-overlay-heading{font-size:1.8vw;margin-bottom:1.2vw}.dat-overlay-text{font-size:4vw;margin-top:3vw}}@media(max-width:600px){.dat-main-img-wrapper{height:fit-content;padding:10vw 5vw}.dat-main-img-overlay{max-width:100%}.dat-overlay-heading{font-size:2.4vw;margin-bottom:1.5vw}.dat-overlay-text{font-size:4vw;margin-top:3vw}}.problem-graphic{position:absolute;bottom:13%;left:10%;height:36vw;opacity:.3}.problem-graphic-blendrs{height:25vw!important}.workdetail-problem-left h2{color:#000}[data-project=ai-assistant] .genie-showcase-section{display:none!important}.genie-showcase-section{width:100%;position:relative;overflow:hidden}.genie-showcase-bg{width:100%;height:auto;display:block;object-fit:cover}[data-project=ai-assistant] .genie-showcase-overlay-img{display:none!important}.genie-showcase-overlay-img{position:absolute;width:24%;height:auto;object-fit:cover;border-radius:.5vw;box-shadow:0 8px 32px #0000002e;top:50%}.genie-showcase-overlay-img-1{left:8%;top:39%;transform:translateY(-50%)}.genie-showcase-overlay-img-2{left:61.5%;top:70%;transform:translate(-50%,-50%)}@media(min-width:1025px)and (max-width:1440px){.genie-showcase-overlay-img-2{left:51%}}.genie-showcase-overlay-img-3{right:8%;top:45%;transform:translateY(-50%)}@media(max-width:900px){.genie-showcase-overlay-img{width:28%;border-radius:1vw}}@media(max-width:600px){.genie-showcase-overlay-img{width:59%;border-radius:2vw;top:84%;left:35%}.genie-showcase-overlay-img-1{left:5%;top:21%}.genie-showcase-overlay-img-3{left:31%;top:51%}}[data-project=ai-assistant] .dat-screens-section{display:none!important}.dat-screens-section{background:#f3f3f3;padding:8vw 5vw}.dat-screens-header{margin-bottom:3vw;display:none}.dat-screens-header p{width:40%}.dat-screens-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw 2vw;width:100%}.website-template-page .colors-type-graphic,.website-template-page .colors-svg{display:none!important}.website-template-page .colors-type-left p{color:#fff!important;opacity:.8;width:48%!important}.website-template-page .colors-type-grid{flex-direction:column!important;gap:4vw}.website-template-page:is([data-project=genie],[data-project=ai-assistant]) .dat-main-img-overlay{max-width:54%!important}.website-template-page[data-project=genie] .colors-type-grid{flex-direction:row!important;padding:5vw 8vw 11vw!important;gap:11vw!important;overflow:visible!important}.website-template-page[data-project=ai-assistant] .colors-type-grid{flex-direction:row!important;padding:5vw 7vw 11vw!important;gap:12vw!important;overflow:visible!important}.website-template-page:is([data-project=genie],[data-project=ai-assistant]) .colors-type-left h2,.website-template-page:is([data-project=genie],[data-project=ai-assistant]) .colors-type-left p{color:#000!important}.website-template-page:is([data-project=genie],[data-project=ai-assistant]) .colors-type-left p{width:100%!important}.website-template-page[data-project=genie] .colors-type-left{width:70%!important}.website-template-page[data-project=ai-assistant] .colors-type-left{width:54%!important}.website-template-page[data-project=ai-assistant] .colors-type-section{background-color:#fdfbff!important}.website-template-page .colors-type-right,.website-template-page .colors-type-left{width:100%!important}.website-template-page:is([data-project=genie],[data-project=ai-assistant]) .mockup-section{background:#fffeff!important;padding:8vw 7vw 6vw}.website-template-page .mockup-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5vw}.website-template-page .mockup-grid-image{width:100%!important;height:auto!important}@media(max-width:900px){.website-template-page .mockup-grid{grid-template-columns:1fr!important;gap:0vw}.website-template-page[data-project=genie] .colors-type-grid{flex-direction:row!important;padding:5vw 5vw 11vw!important}.website-template-page[data-project=ai-assistant] .colors-type-grid{flex-direction:column!important;padding:5vw 5vw 11vw!important}.website-template-page .mockup-grid-image{width:100%}.website-template-page[data-project=genie] .colors-type-left,.website-template-page[data-project=ai-assistant] .colors-type-left{width:100%!important}.dat-screens-header p{width:100%}.genie-showcase-section{height:110vh}.genie-showcase-bg{height:100%;object-position:center}.website-template-page:is([data-project=genie],[data-project=ai-assistant]) .dat-main-img-overlay{max-width:100%!important}}.dat-overlay-container{position:relative;width:100%;height:100vh;overflow:hidden;background:#181818}.dat-overlay-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1}.dat-overlay-bg{position:absolute;top:-15%;left:0;width:100%;height:130%;object-fit:cover}.dat-overlay-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;width:60vw}[data-project=ai-assistant] .dat-overlay-stack{display:none!important}.dat-overlay-stack{display:flex;flex-direction:column;gap:0;align-items:center}.genie-bg-svg{position:absolute;top:4%;right:4%;pointer-events:none;z-index:1}@media(max-width:900px){.genie-bg-svg{right:50%;transform:translate(50%);z-index:-1}}.dat-overlay-video{width:100%;height:auto;border-radius:0;margin-top:-1px;border-left:.2px solid #F2F2F5;border-right:.2px solid #F2F2F5;border-bottom:.2px solid #F2F2F5;border-bottom-left-radius:1vw;border-bottom-right-radius:1vw}.dat-overlay-image{width:100%;height:auto;border-radius:0;box-shadow:0 20px 40px #0006}@media(max-width:900px){.dat-overlay-container{height:70vh}.dat-overlay-frame{width:94vw}.dat-overlay-stack{gap:0}.dat-overlay-image{width:100%}}@media(max-width:600px){.dat-overlay-container{height:70vh}}@media(max-width:600px){.website-template-page .mockup-section{padding:11vw 5vw!important}}.dat-screen-item{display:flex;flex-direction:column-reverse;flex:1;gap:1vw;align-items:center}.dat-screen-heading{font-family:ppbook;font-size:.7vw;font-weight:600;color:#222222a3;text-transform:capitalize;margin:0;display:none}.dat-screen-video-wrap{width:100%;flex:1}.dat-screen-video{width:100%;height:auto;display:block;border-radius:0}.dat-screen-video-placeholder{width:100%;aspect-ratio:9/16;background:#e0e0e0;display:flex;align-items:center;justify-content:center;border-radius:0}.dat-screen-video-placeholder span{font-family:ppbook;font-size:.75vw;color:#999}@media(max-width:900px){.dat-screens-section{padding:11vw 5vw}.dat-screens-grid{display:flex;flex-direction:column;gap:5vw;overflow-x:visible}.dat-screen-item{flex:1;min-width:100%;gap:4vw}.dat-screen-heading{font-size:2vw}.dat-screen-video-placeholder span{font-size:1.8vw}}@media(max-width:600px){.dat-screens-section{padding:11vw 5vw}.dat-screen-item{flex:0 0 60vw;min-width:60vw;gap:6vw}.dat-screen-heading{font-size:3vw}}.sketches-section{background:#f3f3f3;padding:8vw 7vw 6vw}.sketches-content{display:flex;align-items:flex-start;gap:3vw;flex-direction:column}.sketches-text{margin-right:2vw;width:32%}.sketches-title{font-size:1vw;font-family:ppbook;text-transform:uppercase;margin-bottom:1vw;color:#222;font-weight:700}.sketches-image-wrap{display:flex;align-items:flex-start;width:100%}.sketches-image{width:100%;height:auto;border-radius:.7vw;object-fit:cover;mix-blend-mode:darken}.sketches-images-row{display:flex;flex-direction:row;gap:1.2vw;width:100%;overflow-x:auto}.sketches-images-row::-webkit-scrollbar{display:none}.sketches-image-multi{min-width:0;width:100%;height:fit-content;border-radius:0}@media(max-width:900px){.sketches-images-row{gap:21.5vw;flex-direction:column}.sketches-image-multi{width:100%!important;min-width:100%!important;flex:1!important}}@media(max-width:600px){.sketches-image-multi{width:100%!important;min-width:100%!important;flex:1!important}}@media(max-width:900px){.sketches-section{padding:3vw 2vw}.sketches-content{flex-direction:column;gap:2vw}.sketches-title{font-size:2.2vw}.sketches-image{max-width:100%}}@media(max-width:600px){.sketches-section{padding:2vw 1vw}.sketches-title{font-size:3vw}}.graphics-section{padding:8vw 7vw 6vw;margin-top:-2vw}.graphics-content{display:flex;align-items:flex-start;gap:3vw;justify-content:space-between}.graphics-left{min-width:220px;max-width:100%;margin-right:2vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.graphics-title{font-size:1vw;font-family:ppbook;text-transform:uppercase;margin-bottom:1vw;color:#222;font-weight:700}.graphics-desc{font-size:.95vw;color:#0009;font-family:ppbook;line-height:1.4;margin-bottom:2vw}.graphics-svg-wrap{margin-top:5vw;width:120%;display:flex;justify-content:flex-start}.graphics-svg{width:100%;height:auto;max-width:220px}.graphics-right{width:fit-content}.graphics-img-single{width:100%;width:48vw;height:auto;object-fit:cover}@media(max-width:900px){.graphics-section{padding:3vw 2vw}.graphics-content{flex-direction:column;gap:2vw;align-items:flex-start}.graphics-title,.graphics-desc{font-size:2.2vw}.graphics-img-single{max-width:100%}}@media(max-width:600px){.graphics-section{padding:2vw 1vw}.graphics-title,.graphics-desc{font-size:3vw}}@media(max-width:900px){.website-template-page .colors-type-left p{width:100%!important}}.colors-type-section{padding:5vw 0vw 0vw}.colors-type-grid{display:flex;align-items:flex-start;gap:5vw;justify-content:space-between;padding:4vw 8vw 5vw}.colors-type-left{width:28vw;margin-right:1vw;display:flex;flex-direction:column;align-items:flex-start}.colors-type-title{font-family:ppbook;text-transform:uppercase;color:#fff!important;font-weight:700}.colors-type-para{font-size:.95vw;color:#ffffffb6;font-family:ppbook;line-height:1.5;margin-bottom:1vw}.emigratie-black-text,.blendrs-black-text,.work-detail-page[data-project=blendrs] .colors-type-title{color:#000!important}.work-detail-page[data-project=emigratie] .workdetail-problem-section{background:radial-gradient(475.19% 106.74% at 42.99% 44.89%,#fffcfc 16.34%,#e6ebf9 84.96%)}.work-detail-page[data-project=tekia] .workdetail-problem-section{background-color:#f9f9f9}.work-detail-page[data-project=blendrs] .colors-type-para{color:#000!important}.colors-type-graphic{width:100%;margin-top:6vw;height:auto}.colors-type-right{min-width:320px;display:flex;align-items:flex-start;justify-content:flex-end;width:44vw}.colors-svg{margin-top:0vw;width:100%;max-width:300px;height:auto;max-height:20vh;display:none}.colors-type-img{width:100%;height:auto;object-fit:cover}@media(max-width:900px){.colors-type-section{padding:3vw 0vw}.website-template-page:is([data-project=genie],[data-project=ai-assistant]) .dat-main-img-overlay{max-width:100%}.website-template-page:is([data-project=genie],[data-project=ai-assistant]) .colors-type-grid{flex-direction:column!important}.website-template-page:is([data-project=genie],[data-project=ai-assistant]) .dat-main-img-overlay{max-width:90%}.colors-type-grid{flex-direction:column;gap:4vw}.work-detail-page[data-project=emigratie] .typography-left p{width:100%}.colors-type-title,.colors-type-para{font-size:1.1rem;font-size:3vw;margin-bottom:3vw}.colors-type-img{max-width:100%}}@media(max-width:600px){.website-template-page:is([data-project=genie],[data-project=ai-assistant]) .colors-type-svg-wrap{bottom:0%!important;right:5%!important;left:auto!important;width:58%!important}.website-template-page:is([data-project=genie],[data-project=ai-assistant]) .colors-type-svg-wrap svg{width:100%!important;height:auto!important}.colors-type-section{padding:7vw 0vw 0vw}.colors-type-title,.colors-type-para{font-size:3vw}}.typography-section{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;padding:8vw 8vw 6vw;gap:3vw}.typography-left{min-width:220px;z-index:2}.typography-title{font-size:1.2vw;font-family:ppbook;text-transform:uppercase;margin-bottom:1vw;font-weight:700}.typography-section .colors-type-para{color:#ffffffb6;max-width:28vw}.typography-main{min-width:320px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;z-index:2}.typography-svg{position:absolute;bottom:160%;right:48%;width:10vw;max-width:120px;height:auto;max-height:10vh;opacity:.6;z-index:1;object-fit:contain}.typography-svg-blendrs{bottom:160%!important;right:48%!important}.typeface-heading .overview-title{color:#fff}.typography-typeface{margin-bottom:2vw;display:flex;gap:19vw}.typography-typeface-name{font-size:2vw;font-family:Manrope,ppbook;font-weight:700;color:#fff;margin-bottom:.5vw;display:block}.typography-weights{display:flex;flex-direction:row;gap:3vw}.typography-weight-block{display:flex;flex-direction:column;align-items:flex-start;gap:1vw}.typography-weight-label{font-size:1vw;color:#ffffffb6;font-family:ppbook;font-weight:600;margin-bottom:.3vw}.typography-font-sample{font-size:2vw;color:#fff;font-family:Manrope,ppbook;line-height:1.2;opacity:.9}.typography-graphic{position:absolute;top:-70%;right:-7%;height:26vw}.typography-font-regular{font-weight:400}.typography-font-semibold{font-weight:600}.typography-aa-svg{position:absolute;right:2vw;bottom:0;width:18vw;max-width:240px;opacity:.08;z-index:1;pointer-events:none}@media(max-width:900px){.typography-section{flex-direction:column;padding:4vw 2vw}.typography-main{align-items:flex-start}.typography-title,.typography-desc{font-size:2.2vw}.typography-svg{width:15vw;max-width:100px;height:auto;max-height:8vh;bottom:-40%;right:10%;object-fit:contain}.typography-svg-blendrs{bottom:-40%!important;right:15%!important}.typography-typeface-name,.typography-font-sample{font-size:3vw}.typography-aa-svg{width:40vw;right:0;bottom:0}}@media(max-width:600px){.typography-section{padding:2vw 1vw}.typography-title,.typography-desc{font-size:3vw}.typography-typeface-name,.typography-font-sample{font-size:4vw}.typography-svg{width:20vw;max-width:80px;height:auto;max-height:6vh;bottom:-30%;right:5%;object-fit:contain}.typography-svg-blendrs{bottom:-30%!important;right:10%!important}.typography-aa-svg{width:50vw;max-width:250px}}.mockup-section{background:#f7f7f7;padding:6vw 8vw}.mockup-header{margin-bottom:2vw}.mockup-title{font-size:1.1vw;font-family:ppbook;text-transform:uppercase;margin-bottom:.7vw;color:#222;font-weight:700}.mockup-desc{font-size:.95vw;color:#0009;font-family:ppbook;line-height:1.4;margin-bottom:1vw}.mockup-main{position:relative;width:100%;margin:0 auto}.mockup-image-block{background:#fff;border-radius:1vw 1vw 0 0;box-shadow:0 4px 24px #1b4c4a1a;padding:.5vw .5vw 0;display:flex;justify-content:center;align-items:center;margin-bottom:-.3vw;position:relative;z-index:2}.mockup-image{width:100%;height:auto;object-fit:cover;display:block}.mockup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5vw;width:100%}.mockup-grid-image{width:100%;height:auto;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease}.mockup-overlay-headline{display:block}.mockup-overlay-right{flex:1 1 40vw;font-size:1.1vw;color:#fff;font-family:ppbook;margin-left:2vw;max-width:32vw;line-height:1.5}.mockup-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5vw 2vw;margin-top:2vw;z-index:2;position:relative}.mockup-feature{display:flex;align-items:flex-start;gap:.7vw}.mockup-feature-icon{width:2vw;height:2vw;object-fit:contain;margin-top:.1vw}.mockup-feature-text{font-size:1vw;color:#fff;font-family:ppbook;line-height:1.3}.mockup-bg-svg{position:absolute;right:2vw;bottom:1vw;width:12vw;max-width:180px;opacity:.13;z-index:1;pointer-events:none}.next-sec{width:100%;background:#2d57a4;padding:60px 54px;display:flex;justify-content:space-between;align-items:flex-start;height:54vh}.next-left{flex:1}.next-small{color:#fff;font-size:1.2vw;opacity:.7;margin-bottom:60px}.next-services{color:#fff;font-size:1.2vw;opacity:.8;font-family:ppbook;margin-top:10px}.next-sec:is(.is-genie,.is-ai-assistant) .next-small,.next-sec:is(.is-genie,.is-ai-assistant) .next-title,.next-sec:is(.is-genie,.is-ai-assistant) .next-services{color:#000!important}.next-project-info{display:flex;flex-direction:column;gap:0vw}.next-right{position:relative;width:48%;display:flex;flex-direction:row-reverse;align-items:flex-end;gap:3vw;height:100%}.next-img-box{display:block;position:relative;height:100%;width:42vw}.next-img{width:100%;height:100%;object-fit:cover}.next-arrows{display:flex;gap:15px;margin-top:20px;position:relative;z-index:10}.arrow-btn{width:2.5vw;height:2.5vw;background:#fff;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}.arrow-btn svg{width:1vw;height:1vw}.next-left{display:flex;flex-direction:column;height:100%;justify-content:space-between}.next-left h1{font-family:italic;font-weight:300;font-size:6vw;color:#fff}.work-detail-page[data-project=blendrs] .sketches-section{padding:0vw 6vw!important}.work-detail-page[data-project=blendrs] .graphics-section{padding-bottom:0!important}@media(max-width:900px){.mockup-section{padding:3vw 2vw}.mockup-title,.mockup-desc{font-size:2vw}.mockup-main{max-width:100%}.mockup-overlay-content{flex-direction:column;gap:1vw}.mockup-overlay-left{font-size:4vw}.mockup-overlay-right{font-size:2vw;max-width:100%;margin-left:0}.mockup-features-grid{grid-template-columns:1fr 1fr;gap:2vw 2vw}.mockup-feature-icon{width:3vw;height:3vw}.mockup-feature-text{font-size:2vw}.mockup-bg-svg{width:30vw;right:0;bottom:0}}@media(max-width:600px){.mockup-section{padding:2vw 1vw}.mockup-title,.mockup-desc{font-size:3vw}.mockup-overlay-left{font-size:6vw}.mockup-overlay-right{font-size:3vw}.mockup-features-grid{grid-template-columns:1fr;gap:2vw 0}.mockup-feature-icon{width:5vw;height:5vw}.mockup-feature-text{font-size:3vw}.mockup-bg-svg{width:50vw}}@media(max-width:1024px){.workdetail-hero-content{padding:2vw 5vw}.workdetail-title{font-size:3.5rem}.workdetail-problem-left{width:100%}.workdetail-hero-desc{font-size:1.2rem;max-width:100vw}.sketches-text,.colors-type-left{width:100%}.graphics-left,.graphics-right,.typography-left,.typography-section .colors-type-para{width:100%;max-width:100%}.graphics-img-single{width:100%}.workdetail-hero-meta{flex-direction:row;gap:1rem}.categories-title p{font-size:4vw}.categories-values p{font-size:4.2vw}.overview-content-text p{font-size:1rem}.scopegrid-content{flex-direction:column;gap:.5rem}.scopegrid-list{width:100%;grid-template-columns:1fr}.scopegrid-images{grid-template-columns:1fr}.colors-svg{margin-top:0vw;width:100%;max-width:300px;height:auto;max-height:5vh}.colors-svg svg{width:13vw}.problem-heading,.problem-subheading,.problem-para,.problem-list{font-size:1rem}.sketches-title,.graphics-title,.graphics-desc,.colors-type-title,.colors-type-para{font-size:1.8rem}.typography-typeface{gap:1.5rem}.typography-typeface-name{font-size:1.8rem}.typography-font-sample{font-size:1.5rem}.mockup-features-grid{grid-template-columns:1fr}.mockup-feature-text{font-size:1rem}.overview-content-text h2,.overview-content-text .overview-h2{font-weight:400;font-size:6vw;width:100%}.workdetail-overview{padding:6.83vw 5vw}.colors-type-right{width:100%}.workdetail-problem-section{padding:6.83vw 4.7vw}.workdetail-problem-left h2,.overview-title{font-size:3vw;margin-bottom:3vw}.scopegrid-list li{font-size:3vw}img{width:100%}.colors-type-title,.colors-type-para{font-size:1.5rem}.typography-section .colors-type-para{font-size:3vw}.mockup-image{width:98vw}.work-page .contact-hero-text h1{font-size:9vw;line-height:1}.filter-bar{position:absolute;bottom:3%;left:49%;display:flex;gap:2vw;display:none}.filter-button{padding:2.2vw 4.8vw;font-size:2.7vw;text-wrap:nowrap}.card-content{display:flex;width:100%;justify-content:space-between}.showcase-card{flex-direction:column}.card-image{margin-top:-6vw;height:39vw;width:60vw}.sketches-section,.graphics-section,.mockup-section{padding:6vw 7vw 8vw 5vw}.graphics-svg-wrap{margin-top:5vw;width:42%}.mockup-image{width:100%;margin-top:2vw}.mockup-title{margin-bottom:4vw;font-size:3vw}.workdetail-hero-bg img{object-fit:cover}.workdetail-hero-content{flex-direction:column;gap:6vw}.next-sec{padding:5vw 4vw;flex-direction:column;gap:2vw;height:fit-content}.arrow-btn{width:9.5vw;height:9.5vw;padding:2.5vw;position:relative;z-index:10;pointer-events:auto;touch-action:manipulation}.arrow-btn svg{width:100%;height:100%}.next-right{flex-direction:column-reverse;width:100%;position:relative;z-index:5;height:58vw}.next-img-box{width:100%}.next-arrows{position:relative;z-index:15;pointer-events:auto}.next-left h1{font-size:9vw;margin-bottom:0vw}.next-project-info{margin-bottom:3vw}.next-small{font-size:4vw;margin-bottom:14vw}.next-services{font-size:3.5vw;margin-top:2vw}.workdetail-hero-meta{max-width:100%}.categories-title,.categories-values{gap:3vw;flex-direction:column}}@media(max-width:768px){.workdetail-hero-content{padding:8vw 5vw}.workdetail-title{font-size:3.5rem}.workdetail-hero-desc{font-size:1.2rem;max-width:100vw}.workdetail-hero-meta{flex-direction:row;gap:1rem}.categories-title p{font-size:3.8vw}.categories-values p{font-size:4vw}.overview-content-text p{font-size:1rem}.scopegrid-content{flex-direction:column;gap:.5rem}.scopegrid-list{width:100%;grid-template-columns:1fr}.scopegrid-images{grid-template-columns:1fr}.sketches-title,.graphics-title,.graphics-desc,.colors-type-title,.colors-type-para{font-size:1.1rem}.typography-typeface{gap:1.5rem}.typography-typeface-name{font-size:1.8rem}.typography-font-sample{font-size:1.5rem}.mockup-features-grid{grid-template-columns:1fr}.mockup-feature-text{font-size:1rem}.workdetail-overview{padding:6.83vw 5vw}.workdetail-problem-section,.workdetail-scopegrid,.sketches-section{padding:11vw 5vw}.workdetail-problem-left h2,.overview-title{font-size:3vw;margin-bottom:3vw}.scopegrid-list li{font-size:3.5vw}img{width:100%}.colors-type-title,.colors-type-para{font-size:3vw;opacity:.9}.typography-section .colors-type-para{font-size:4vw}.mockup-image{width:98vw}.work-page .contact-hero-text h1{font-size:10vw}.filter-bar{position:absolute;bottom:3%;left:49%;display:flex;gap:2vw;display:none}.filter-button{padding:2.2vw 4.8vw;font-size:2.7vw;text-wrap:nowrap}.card-content{display:flex;width:100%;justify-content:space-between}.showcase-card{flex-direction:column}.card-image{margin-top:2vw;height:39vw;width:60vw}.sketches-section,.graphics-section,.mockup-section{padding:11vw 5vw}.graphics-svg-wrap{margin-top:5vw;width:42%}.mockup-image{width:100%;margin-top:2vw}.mockup-title{margin-bottom:5vw}.workdetail-hero-bg{height:55vh}.workdetail-hero-bg img{object-fit:cover;height:100%}.overview-content-text p{width:78vw!important}.overview-right-para{justify-content:flex-start}.overview-content-text p{max-width:100%}.view-live{font-size:.9rem!important;letter-spacing:0!important;padding:2vw 0vw!important;height:auto!important;min-height:10vw!important}.view-live:before{font-size:.9rem!important;letter-spacing:0!important}.view-live .arrow-icon,.view-live:hover .arrow-icon{opacity:1!important;transform:translate(0) scale(1)!important}.view-live:hover:after{transform:scaleX(0)!important}.moodboard-section{flex-direction:column;padding:8vw 5vw}.moodboard-image{width:100%}.overview-content-text h2,.overview-content-text .overview-h2{font-weight:400;font-size:6vw;width:100%}.scopegrid-images{display:flex;flex-direction:column;gap:5vw}.main-img-casestudy{height:90vh}.work-detail-page[data-project=blendrs] .sketches-section{padding:5vw 1vw 0vw!important}.graphics-svg-wrap{display:none}.colors-type-grid,.typography-section,.tekia-colors-grid-padding{padding:11vw 5vw}.mockup-section{padding:6vw 0vw 16vw}.work-detail-page[data-project=tekia] .mockup-section{padding:10vw 5vw!important}.colors-type-para{font-size:1.1rem}}.hero-buttons{display:flex;gap:1rem;flex-direction:column;width:24%}.view-case-study-btn{text-decoration:none;color:inherit}.view-case-study{position:relative;display:inline-flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none;color:#000;font-family:ppbook;font-size:.88vw;font-weight:400;letter-spacing:.1em;text-transform:uppercase;padding-bottom:4px;overflow:hidden}.view-case-study .globe-icon{opacity:1;transform:translate(0) scale(1);transition:all .4s cubic-bezier(.23,1,.32,1);width:20px;height:18px;display:block;order:-1}.view-case-study .globe-icon svg{width:20px!important;height:18px!important;fill:#000!important}.view-case-study .globe-icon svg path{fill:#000!important}.view-case-study:hover .globe-icon{opacity:0;transform:translate(-10px) scale(0);width:0;margin:0;overflow:hidden}.view-case-study:before{content:"VIEW CASE STUDY";position:relative}.view-case-study:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#000;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}.view-case-study:hover:after{transform:scaleX(1);transform-origin:bottom left}.view-case-study .arrow-icon{position:relative;width:18px;height:19px;opacity:0;transform:translate(-10px) scale(0);transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden}.view-case-study:hover .arrow-icon{opacity:1;transform:translate(0) scale(1);width:18px}.view-case-study .arrow-icon svg{width:18px!important;height:19px!important;fill:#000!important}.view-case-study .arrow-icon svg path{fill:#000!important}.view-case-study svg:not(.arrow-icon svg){display:none}.view-site-btn{text-decoration:none;color:inherit}.view-site-btn .view-live:before{content:"VIEW SITE";font-size:1vw!important;letter-spacing:1px!important}.view-casestudy{text-decoration:none;color:inherit}.view-casestudy .view-live:before{content:"VIEW CASE STUDY";font-size:1vw!important;letter-spacing:1px!important}.view-casestudy .view-live{position:relative;display:inline-flex;align-items:center;gap:8px}.view-casestudy .view-live .globe-icon{opacity:1;transform:translate(0) scale(1);transition:all .4s cubic-bezier(.23,1,.32,1);width:20px;height:18px;display:block;order:-1}.view-casestudy .view-live .globe-icon svg{width:20px!important;height:18px!important;fill:#000!important}.view-casestudy .view-live .globe-icon svg path{fill:#000!important}.view-casestudy .view-live:hover .globe-icon{opacity:0;transform:translate(-10px) scale(0);width:0;margin:0;overflow:hidden}.view-casestudy .view-live:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000;transform-origin:bottom left;transform:scaleX(0);transition:transform .4s cubic-bezier(.23,1,.32,1)}.view-casestudy .view-live:hover:after{transform:scaleX(1)}.view-casestudy .view-live .arrow-icon{position:relative;width:18px;height:19px;opacity:0;transform:translate(-10px) scale(0);transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden}.view-casestudy .view-live:hover .arrow-icon{opacity:1;transform:translate(0) scale(1);width:18px}.view-casestudy .view-live .arrow-icon svg{width:18px!important;height:19px!important;fill:#000!important}.view-casestudy .view-live .arrow-icon svg path{fill:#000!important}.view-site-btn .view-live{position:relative;display:inline-flex;align-items:center;gap:8px}.view-site-btn .view-live .globe-icon{opacity:1;transform:translate(0) scale(1);transition:all .4s cubic-bezier(.23,1,.32,1);width:20px;height:18px;display:block;order:-1}.view-site-btn .view-live .globe-icon svg{width:20px!important;height:18px!important;fill:#000!important}.view-site-btn .view-live .globe-icon svg path{fill:#000!important}.view-site-btn .view-live:hover .globe-icon{opacity:0;transform:translate(-10px) scale(0);width:0;margin:0;overflow:hidden}.view-site-btn .view-live .arrow-icon{opacity:0;transform:translate(-10px) scale(0);transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;width:18px;height:19px}.view-site-btn .view-live:hover .arrow-icon{opacity:1;transform:translate(0) scale(1)}.heading-second-line{display:flex;justify-content:center;align-items:center}@media(max-width:768px){.hero-buttons{flex-direction:column;gap:0;align-items:flex-start}.work-detail-page[data-project=replenish] .workdetail-overview{padding:1vw 8vw 9vw 5vw!important}.problem-replenish-image{width:88vw}.view-case-study{font-size:.9rem!important;letter-spacing:0!important;padding:2vw 0vw!important;height:auto!important;min-height:12vw!important}.view-site-btn .view-live:before{content:"VIEW SITE";font-size:3.8vw!important;letter-spacing:1px!important;text-wrap:nowrap}.view-casestudy{text-decoration:none;color:inherit}.view-casestudy .view-live:before{content:"VIEW CASE STUDY";font-size:3.8vw!important;letter-spacing:1px!important;text-wrap:nowrap}.view-case-study:before{font-size:.9rem!important;letter-spacing:0!important}.view-case-study .arrow-icon,.view-case-study:hover .arrow-icon{opacity:1!important;transform:translate(0) scale(1)!important}.view-case-study:hover:after{transform:scaleX(0)!important}}.work-detail-page[data-project=emigratie] .mockup-main{width:80%!important}.work-detail-page[data-project=emigratie] .colors-type-section{background:radial-gradient(659.52% 148.15% at 1.59% 45.66%,#fff0e72e 27.98%,#e6ebf9)}.work-detail-page[data-project=emigratie] .colors-type-title,.work-detail-page[data-project=emigratie] .colors-type-para,.work-detail-page[data-project=emigratie] .typography-title,.work-detail-page[data-project=emigratie] .typography-section .typography-title,.work-detail-page[data-project=emigratie] .typography-section .colors-type-para,.work-detail-page[data-project=blendrs] .overview-title{color:#000!important}.work-detail-page[data-project=blendrs] .typography-left h2,.work-detail-page[data-project=dat-consultancy] .typography-left h2{color:#fff!important}.work-detail-page[data-project=sera] .hero-buttons{display:none!important}.work-detail-page[data-project=replenish] .workdetail-hero-content,.work-detail-page[data-project=sera] .workdetail-hero-content{gap:8vw!important;justify-content:flex-start}.work-detail-page[data-project=tekia] .typography-section .overview-title{color:#fff!important}.colors-type-section{overflow:hidden}.work-detail-page[data-project=emigratie] .typography-svg{position:absolute;bottom:200%;right:46%;width:12vw;max-width:120px;height:auto;max-height:0vh;opacity:.6;z-index:1;object-fit:contain}@media(max-width:768px){.work-detail-page[data-project=emigratie] .problem-graphic{display:none!important}.work-detail-page[data-project=emigratie] .main-img-casestudy{height:40vh!important}.work-detail-page[data-project=emigratie] .mockup-main{width:94%!important}}@media(min-width:1024px)and (max-width:1500px){.workdetail-hero{height:100vh}.workdetail-hero-content{padding-bottom:0}.moodboard-section{padding-top:5.8vw}}@media(max-width:1024px){.workdetail-hero{height:fit-content}.typography-section,.colors-type-grid{padding:8vw 6vw 6vw 5vw}.colors-type-left{margin-right:3vw}.sera-two-images-left,.sera-two-images-right{height:fit-content;width:100%}}@media(min-width:1224px)and (max-width:1666px){.workdetail-hero{height:100vh}.workdetail-hero-content{padding-bottom:0;padding-top:2.3vw}.moodboard-section{padding-top:5.8vw}.problem-para-card{font-size:12vw}}.problemdat-section{position:relative;width:100vw;min-height:80vh;display:flex;align-items:center;margin-top:-1px}.problemdat-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.problemdat-image{width:100%;height:100%;object-fit:cover}.problemdat-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000073;z-index:2}.problemdat-content{position:relative;z-index:3;padding:8vw 11vw;display:flex;flex-direction:column;gap:6vw;color:#fff}.problemdat-block{max-width:35vw}.problemdat-header{font-size:1.1vw;font-family:ppbook;text-transform:uppercase;margin-bottom:1.5vw;font-weight:700;letter-spacing:.05em;color:#ffffffe6}.problemdat-text{font-size:1.1vw;line-height:1.5;font-family:ppbook;color:#fffc}.problemdat-text strong{color:#fff;font-weight:700}.problemdat-sub-block{margin-bottom:2vw}@media(max-width:1024px){.problemdat-section{min-height:60vh}.problemdat-content{padding:12vw 5vw;gap:8vw}.problemdat-block{max-width:100%}.problemdat-header{font-size:3.5vw;margin-bottom:3vw}.problemdat-text{font-size:3.8vw}}.dat-problem-section{width:100%;position:relative;background:#000;overflow:hidden}.dat-problem-bg{position:relative;width:100%;height:100vh;min-height:600px}.dat-problem-image{width:100%;height:100%;object-fit:cover;opacity:.85}.dat-problem-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;padding:0 11vw;background:linear-gradient(to right,#0009,#0000 60%)}.dat-problem-content{max-width:40vw;color:#fff;display:flex;flex-direction:column;gap:4vw}.dat-problem-block{display:flex;flex-direction:column;gap:1.5vw}.dat-problem-heading{font-family:ppbook;font-size:1vw;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#fff}.dat-problem-text{font-family:ppbook;font-size:1.2vw;line-height:1.5;color:#ffffffe6}.dat-problem-text strong{font-weight:700;color:#fff}@media(max-width:1024px){.dat-problem-bg{height:70vh}.dat-problem-overlay{padding:0 6vw;background:linear-gradient(to right,#000c,#0000)}.dat-problem-content{max-width:80vw;gap:6vw}.dat-problem-heading{font-size:2.5vw}.dat-problem-text{font-size:3vw}}@media(max-width:600px){.dat-problem-bg{height:auto;min-height:500px}.dat-problem-overlay{padding:10vw 5vw;align-items:flex-start;background:#00000080}.dat-problem-text{font-size:4.5vw}.dat-problem-heading{font-size:4vw}}.dat-scope-section{background:#fff;padding:3vw 7vw 6vw}.dat-scope-container{width:100%}.dat-scope-desc-wrapper{margin-top:1.5vw;margin-bottom:2.5vw}.dat-scope-container .problem-para{width:54%;margin-top:1vw;margin-bottom:2.5vw}@media(max-width:900px){.dat-scope-desc-wrapper{margin-top:3vw;margin-bottom:5vw}.dat-scope-container .problem-para{width:100%;font-size:3.5vw;margin-top:3vw;margin-bottom:5vw}}.dat-scope-rows{display:flex;flex-direction:column;gap:4vw;margin-top:4vw}.dat-scope-row{display:flex;align-items:center;gap:1vw;width:100%}.dat-scope-row.row-reverse{flex-direction:row-reverse}.dat-scope-image-box{flex:1;border-radius:0;overflow:hidden}.dat-scope-img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity 1.2s ease-out}.dat-scope-img.is-visible{opacity:1}.dat-scope-text-box{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.dat-scope-row-text{font-family:ppbook;font-size:1.1vw;text-transform:uppercase;letter-spacing:.1vw;color:#000000e6;width:100%;text-align:center}@media(max-width:900px){.dat-scope-section{padding:11vw 5vw 7vw}.dat-scope-rows{margin-top:6vw}.dat-scope-row,.dat-scope-row.row-reverse{flex-direction:column;gap:4vw;text-align:left;margin-bottom:8vw}.dat-scope-image-box,.dat-scope-text-box{width:100%}.dat-scope-row-text{font-size:3.1vw;line-height:1.4;max-width:100%;margin-top:4vw}}main[data-project=johannes] .cols-photography,main[data-project=magic-match] .cols-photography,main[data-project=tekia] .cols-photography,main[data-project=johannes] .v2-app-left-svg,main[data-project=magic-match] .v2-app-left-svg,main[data-project=tekia] .v2-app-left-svg,main[data-project=johannes] .v2-quad-bg-svg,main[data-project=magic-match] .v2-quad-bg-svg,main[data-project=tekia] .v2-quad-bg-svg,main[data-project=johannes] .v2-brand-bg-svg,main[data-project=magic-match] .v2-brand-bg-svg,main[data-project=tekia] .v2-brand-bg-svg{display:none!important}main[data-project=genie] .cols-photography,main[data-project=house-of-digital] .cols-photography,main[data-project=winners] .cols-photography{display:none!important}.ai-features-section{position:relative;background-color:#f9f9f9;padding:8vw 7vw}.ai-features-list{display:flex;flex-direction:column;gap:12vw;margin-top:4vw}.ai-feature-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1vw}.ai-feature-item.reverse{flex-direction:row-reverse}.ai-feature-image-wrapper{display:flex;align-items:center}.ai-feature-image{width:100%;max-width:54vw;height:auto;border-radius:1vw;opacity:0;transition:opacity 1.2s ease-out}.ai-feature-image.is-visible{opacity:1}.ai-feature-text{flex:.8;display:flex;flex-direction:column;gap:1vw}.ai-feature-title{font-size:1.6vw;font-weight:600;color:#000;margin:0;font-family:ppbook}.ai-feature-desc{font-size:1.2vw;color:#333;line-height:1.5;margin:0;font-family:ppbook}@media(min-width:901px)and (max-width:1440px){.ai-feature-image{max-width:64vw}}@media(max-width:900px){.ai-feature-item,.ai-feature-item.reverse{flex-direction:column-reverse;gap:5vw}.ai-features-section{padding:14vw 5vw}.ai-feature-image{max-width:100%}.ai-feature-text{flex:1;width:100%}.ai-feature-title{font-size:4vw}.ai-features-list{margin-top:8vw}.ai-feature-desc{font-size:3.5vw}}.mockup-image,.mockup-grid-image{opacity:0;transition:opacity 1.2s ease-out}.mockup-image.is-visible,.mockup-grid-image.is-visible{opacity:1}.scope-replenish-container{display:flex;flex-direction:column;padding:1vw 7vw 6vw;margin:0 auto}.scope-replenish-paragraph{width:48vw}.problem-replenish-container{display:flex;flex-direction:column;padding:6vw 7vw 9vw;margin:0 auto;background-color:#eff6ff}.problem-replenish-text{margin-bottom:3rem}.problem-replenish-columns{display:grid;flex-direction:column;gap:3rem;margin-top:10rem}.overview-title{color:#333;margin-bottom:1.2vw}.problem-replenish-text p{width:48vw}.problem-replenish-text p:last-child{margin-bottom:0}.problem-replenish-image img{width:82vw;height:auto;display:block}.problem-replenish-image2 img{width:44vw}.replenish-component{padding:1vw 0vw 9vw 11vw;margin:0 auto}.replenish-component h1,.replenish-component h2,.replenish-component h3{font-family:ppbook;color:#000}.replenish-component p{font-family:ppbook;font-size:1.1rem;line-height:1.6;color:#333;width:48vw}.problem-replenish-column-2{display:flex;align-items:center;gap:4vw}.problem-replenish-image{width:68vw;margin-top:3vw}.problem-replenish-image2{width:82vw}.problem-replenish-results{padding-top:5vw}.problem-replenish-results-2 p{width:80%}.schedule-replenish-container{width:100%;margin:0 auto}.schedule-replenish-background{width:100%;height:100vh;position:relative;overflow:hidden}.schedule-replenish-bg-img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;top:0;left:0;transform:translateZ(0)}.schedule-replenish-overlay{position:absolute;inset:0;display:flex}.schedule-replenish-content{color:#fff;padding:9vw 11vw;width:47%}.schedule-replenish-heading{color:#fff}.schedule-replenish-bullets{display:flex;flex-direction:column;gap:1rem}.schedule-replenish-bullet{display:flex;gap:.5rem}.schedule-replenish-bullet-point{font-size:1.2rem;color:#fff;font-weight:700}.schedule-replenish-bullet-text{color:#fff}.typography-replenish-container{display:flex;flex-direction:column;padding:8vw 11vw 9vw;margin:0 auto;background-color:#0f0e0e;position:relative;overflow:hidden}.typography-replenish-content{display:flex;flex-direction:column}.typography-replenish-sub-text{color:#ffffffc4;width:34vw}.typography-replenish-flex{display:flex;gap:4rem;align-items:flex-start}.typography-replenish-types{display:flex;flex-direction:column;gap:3rem;flex:1}.typography-replenish-type-item{display:flex;flex-direction:column;margin-top:2vw}.typography-replenish-type-heading{font-family:ppbook;font-size:1vw;font-weight:600;color:#fff;margin:0 0 .5rem}.typography-replenish-type-sub-heading{font-family:ppbook;font-size:1.1rem;font-weight:500;color:#2e7d32;margin:0 0 1rem}.typography-replenish-type-description{font-family:ppbook;font-size:4rem;line-height:1.6;color:#fff;margin:0;font-weight:800;width:100%}.typography-replenish-image{flex:0 0 auto;width:100%}.typography-replenish-image img{width:100%;height:auto;border-radius:0}.typography-replenish-content h2{color:#fff}.typography-replenish-contents{display:flex;width:100%;gap:8vw}.typography-replenish-svg{position:absolute;right:9%;bottom:-14%;z-index:1;opacity:.8}.colors-replenish-container{display:flex;flex-direction:column;padding:8vw 11vw 9vw;margin:0 auto;background-color:#fff}.colors-replenish-main{display:flex;flex-direction:row;gap:8rem}.colors-replenish-row{display:flex;flex-direction:column;gap:4rem;align-items:flex-start;width:fit-content}.colors-replenish-content{flex:1;display:flex;flex-direction:column}.colors-replenish-sub-text{color:#333;width:92%}.colors-replenish-images{flex:1;display:flex;justify-content:flex-end}.colors-replenish-image-column{display:flex;flex-direction:column;gap:5rem}.colors-replenish-image{width:100%;max-width:400px;padding-bottom:1vw}.colors-replenish-image img{width:123%;height:auto}.colors-replenish-bottom-image{width:100%;margin-top:2rem}.colors-replenish-bottom-image img{width:100%;height:auto}.screens-replenish-container{display:flex;flex-direction:column;padding:7vw 3vw 9vw;margin:0 auto;background-color:#f8f9fa;height:fit-content}.screens-replenish-content{display:flex;flex-direction:column}.screens-replenish-sub-text{width:32vw}.screens-replenish-images-layout{display:flex;align-items:center;justify-content:space-between;gap:3rem;margin-top:2rem}.screens-replenish-image-left,.screens-replenish-image-right{flex:1;max-width:300px}.screens-replenish-image-left img,.screens-replenish-image-right img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a}.screens-replenish-middle-text{flex:1;text-align:center;padding:0 1rem}.screens-replenish-middle-text p{font-family:ppbook;font-size:1.5vw;position:relative;padding:4rem 0}.work-detail-page[data-project=replenish] .workdetail-hero-bg{position:relative;overflow:hidden}.work-detail-page[data-project=replenish] .workdetail-hero-image{z-index:0;position:relative;width:100%;height:100%;object-fit:cover}.work-detail-page[data-project=sera] .workdetail-hero-bg img,.work-detail-page[data-project=blendrs] .workdetail-hero-bg img{object-position:top}@media(max-width:768px){.work-detail-page[data-project=blendrs] .workdetail-hero-bg{height:55vh!important}.work-detail-page[data-project=blendrs] .workdetail-hero-bg img{height:100%!important;object-fit:cover!important}}.work-detail-page[data-project=replenish] .workdetail-hero-content{z-index:2;position:relative}.screens-replenish-content{margin:0;padding:0 0vw}.screens-replenish-stage{margin-bottom:14rem}.screens-replenish-stage:last-child{margin-bottom:0}.screens-replenish-header{text-align:left;margin-bottom:5rem;margin-left:1.5vw}.screens-replenish-sub-text{max-width:32vw}.screens-replenish-screen-type-wrapper{height:60px;margin-bottom:-3rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.screens-replenish-screen-type{font-size:clamp(1.25rem,3vw,2rem);font-weight:600;color:#000;font-family:ppbook;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.screens-replenish-main-content{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,4vw,3rem);width:100%}.screens-replenish-image-section{flex:1 1 400px;display:flex;flex-direction:column;align-items:center;gap:2.5rem}.screens-replenish-label{font-size:1.3vw;font-weight:600;opacity:.6;padding:.5rem 1.5rem}.screens-replenish-image-wrapper{position:relative;width:100%;height:100%;overflow:hidden}.screens-replenish-image{width:100%;height:100%;object-fit:cover;transition:opacity .6s ease-in-out,transform .6s ease-in-out}.screens-replenish-middle-section{flex:0 0 auto;max-width:16vw;text-align:center;padding:2rem 0rem}.screens-replenish-middle-text{font-size:1.2vw;color:#232323;line-height:1.3;font-weight:300;transition:opacity .4s ease-in-out,transform .4s ease-in-out}.screens-replenish-progress-dots{display:flex;gap:.75rem;margin-top:2rem}.screens-replenish-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:transparent;cursor:pointer;transition:all .3s ease}.screens-replenish-dot-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;transform:scale(1.2)}.screens-replenish-header h2{margin-bottom:.8vw}@media(max-width:1024px){.scope-replenish-container{padding:6.83vw 4.7vw}.scope-replenish-paragraph,.problem-replenish-text p{width:100%}.problem-replenish-container{padding:6.83vw 4.7vw}.problem-replenish-column h3{font-size:3vw;text-transform:uppercase}.problem-replenish-column{width:100%;flex-direction:column-reverse;align-items:flex-start}.screens-replenish-image-section{gap:.5rem}.problem-replenish-container li{width:80vw}.problem-replenish-image2{width:90vw}.schedule-replenish-content{width:100%}.schedule-replenish-content{color:#fff;padding:11vw 28vw 11vw 7vw}.schedule-replenish-background{height:48vh}.screens-replenish-container{padding:12vw 4.7vw}.screens-replenish-content{padding:0 0vw}.sera-two-images-section{height:fit-content;padding:6vw 4vw;max-width:85vw;margin:0 auto}.sera-two-images-container{flex-direction:column;gap:3vw;max-width:75vw;margin:0 auto}.sera-two-image{width:100%;height:25vh;object-fit:cover;border-radius:8px}.sera-two-images-right{margin-top:0}.screens-replenish-stage{margin-bottom:8vw}.screens-replenish-main-content{flex-direction:column;gap:4vw}.screens-replenish-image-section{width:100%;max-width:none}.screens-replenish-image-wrapper{width:90vw;height:auto}.screens-replenish-middle-section{order:-1;padding:4vw 0;max-width:none}.screens-replenish-middle-text{font-size:4vw;text-align:center}.screens-replenish-label{font-size:3vw;padding:1vw 2vw}.screens-replenish-screen-type-wrapper{margin-bottom:-1rem}.screens-replenish-image-section{flex:1 1 306px}.screens-replenish-sub-text{max-width:80vw!important;width:100%}.screens-replenish-header h2{margin-bottom:1.8vw}.screens-replenish-header{margin-left:2vw}.typography-replenish-svg{width:92vw}.typography-replenish-contents{flex-direction:column;align-items:center}.typography-replenish-sub-text{width:100%}.typography-replenish-container{display:flex;flex-direction:column;padding:15vw 11vw 9vw 8vw}.typography-replenish-sub-text{color:#ffffffc4;margin:0rem 0 4rem}.typography-replenish-type-heading{font-family:ppbook;font-size:3vw}.typography-replenish-type-description{font-size:12vw}.typography-replenish-svg{bottom:-30%}.typography-replenish-flex{width:115%}.colors-replenish-container{padding:15vw 11vw 9vw 8vw}.colors-replenish-main{flex-direction:column;gap:0}.colors-replenish-image img{width:100%}.colors-replenish-bottom-image{width:100%;display:flex;justify-content:center;align-items:center}.colors-replenish-bottom-image img{width:115%}.problem-replenish-image img{width:89vw}.problem-replenish-columns{margin-top:6rem}}@media(max-width:1024px){.scope-replenish-container{padding:6.83vw 4.7vw}.scope-replenish-paragraph,.problem-replenish-text p{width:100%}.problem-replenish-container{padding:6.83vw 4.7vw}.problem-replenish-column h3{font-size:3vw;text-transform:uppercase}.problem-replenish-column{width:100%;flex-direction:column-reverse;align-items:flex-start}.problem-replenish-container li{width:80vw}.problem-replenish-image2{width:90vw}.schedule-replenish-content{width:100%}.schedule-replenish-content{color:#fff;padding:11vw 28vw 11vw 7vw}.schedule-replenish-bullet-text{font-family:ppbook;font-size:3.8vw;line-height:1.6;color:#fff}.screens-replenish-container{padding:12vw 4.7vw}.screens-replenish-content{padding:0 0vw}.screens-replenish-stage{margin-bottom:8vw;margin-top:8vw}.screens-replenish-main-content{flex-direction:column;gap:8vw}.screens-replenish-screen-type{font-size:5vw}.screens-replenish-image-section{width:100%;max-width:none}.screens-replenish-image-wrapper{width:90vw;height:auto}.screens-replenish-middle-section{order:-1;padding:4vw 0;max-width:none}.screens-replenish-middle-text{font-size:3vw;text-align:center}.screens-replenish-header{margin-bottom:4rem}.screens-replenish-label{font-size:3vw;padding:1vw 2vw}.screens-replenish-screen-type-wrapper{margin-bottom:-1rem}.screens-replenish-image-section{flex:1 1 306px}.screens-replenish-sub-text{max-width:80vw!important;width:100%}.screens-replenish-header h2{margin-bottom:1.8vw}.screens-replenish-header{margin-left:2vw}.typography-replenish-svg{width:92vw}.typography-replenish-contents{flex-direction:column;align-items:center}.typography-replenish-sub-text{width:100%}.typography-replenish-container{display:flex;flex-direction:column;padding:15vw 11vw 9vw 8vw}.typography-replenish-sub-text{color:#ffffffc4;margin:0rem 0 4rem}.typography-replenish-type-heading{font-family:ppbook;font-size:3vw}.typography-replenish-type-description{font-size:12vw}.typography-replenish-svg{bottom:-30%}.typography-replenish-flex{width:115%}.colors-replenish-container{padding:15vw 11vw 9vw 8vw}.colors-replenish-main{flex-direction:column;gap:0}.colors-replenish-image img{width:100%}.colors-replenish-bottom-image{width:100%;display:flex;justify-content:center;align-items:center}.colors-replenish-bottom-image img{width:115%}}.sera-design-showcase{padding:0vw 11vw;background:#fff}@media(max-width:768px){.sera-design-images{flex-direction:column;gap:3vw}.sera-design-image{aspect-ratio:16/9}}@media(max-width:768px){.scope-replenish-container{padding:6.83vw 4.7vw}.scope-replenish-paragraph,.problem-replenish-text p{width:100%}.problem-replenish-container{padding:6.83vw 4.7vw}.problem-replenish-column h3{font-size:3vw;text-transform:uppercase}.problem-replenish-column{width:100%;flex-direction:column-reverse;align-items:flex-start}.problem-replenish-container li{width:80vw}.problem-replenish-image2{width:90vw}.schedule-replenish-content{width:100%}.schedule-replenish-content{color:#fff;padding:11vw 28vw 11vw 7vw}.schedule-replenish-background{height:48vh}.screens-replenish-container{padding:12vw 4.7vw}.screens-replenish-content{padding:0 0vw}.screens-replenish-stage{margin-bottom:8vw}.screens-replenish-main-content{flex-direction:column;gap:6vw}.screens-replenish-image-section{width:100%;max-width:none}.screens-replenish-image-wrapper{width:90vw;height:auto}.screens-replenish-middle-section{order:-1;padding:4vw 0;max-width:none}.screens-replenish-middle-text{font-size:4vw;text-align:center}.screens-replenish-label{font-size:4vw;padding:1vw 2vw}.screens-replenish-middle-text{padding:0}.screens-replenish-screen-type-wrapper{margin-bottom:-1rem}.screens-replenish-image-section{flex:1 1 306px}.screens-replenish-sub-text{max-width:80vw!important;width:100%}.screens-replenish-header h2{margin-bottom:1.8vw}.screens-replenish-header{margin-left:2vw}.typography-replenish-svg{width:92vw}.typography-replenish-contents{flex-direction:column;align-items:center}.typography-replenish-sub-text{width:100%}.typography-replenish-container{display:flex;flex-direction:column;padding:15vw 11vw 9vw 8vw}.typography-replenish-sub-text{color:#ffffffc4}.typography-replenish-type-heading{font-family:ppbook;font-size:3vw}.typography-replenish-type-description{font-size:12vw}.typography-replenish-svg{bottom:-30%}.typography-replenish-flex{width:115%}.colors-replenish-container{padding:15vw 11vw 9vw 8vw}.colors-replenish-main{flex-direction:column;gap:0}.colors-replenish-image img{width:100%}.colors-replenish-bottom-image{width:100%;display:flex;justify-content:center;align-items:center}.colors-replenish-bottom-image img{width:115%}}.sera-design-showcase{padding:4vw 0vw 0vw;background:#fff}.sera-design-container{display:flex;flex-direction:column;gap:2vw}.sera-design-images{display:flex;flex-direction:row;gap:2vw;justify-content:space-between;align-items:center}.sera-design-image{flex:1;overflow:hidden;width:100%;height:290px}.sera-design-image img{width:100%;height:100%;object-fit:cover}@media(max-width:768px){.sera-design-images{flex-direction:column;gap:3vw}.sera-design-image{aspect-ratio:14/9}.overview-title{margin-bottom:3.2vw;font-weight:700;color:#000}}.sera-problem-solution-section{width:100%;height:100vh;position:relative;overflow:hidden}.sera-problem-solution-background{width:100%;height:100%;background-image:url(/assets/schedule-sera-BE1dRuZ_.webp);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.sera-problem-solution-background:before{content:"SERA project schedule timeline showing daily planning and workflow features";position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.sera-problem-solution-background:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0006,#0003);z-index:1}.sera-problem-solution-section .overview-title{color:#fff!important}.sera-problem-solution-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8vw 11vw;z-index:2;gap:3vw}.sera-solution-block{max-width:600px;opacity:.9}.sera-solution-desc{color:#fff}.sera-solution-list{margin:0;padding-left:1.5rem;list-style:none}.sera-solution-list li{font-weight:400;color:#fff;margin:.2rem 0;line-height:1.6;opacity:1;position:relative}.sera-solution-list li:before{content:"•";position:absolute;left:-1rem;color:#fff;opacity:.8}.sera-solution-sublist{margin:.5rem 0 0;padding-left:1rem;list-style:none}.sera-solution-sublist li{font-family:ppbook;font-size:clamp(.8rem,1.1vw,1rem);font-weight:400;color:#fff;margin:.3rem 0;line-height:1.5;opacity:.85;position:relative}.sera-solution-sublist li:before{content:"•";position:absolute;left:-1rem;color:#fff;opacity:.7}@media(max-width:768px){.sera-problem-solution-content{padding:6vw 5vw;gap:8vw}.sera-solution-block{max-width:100%}.sera-solution-desc{font-size:clamp(.8rem,2.5vw,1rem)}}.sera-two-images-section{padding:3vw 5vw 8vw;display:flex;justify-content:center;align-items:center}.sera-two-images-container{display:flex;flex-direction:row;gap:8vw;justify-content:center;align-items:center}.sera-two-image{width:100%;height:92vh}.sera-two-images-right{margin-top:4vw}.sera-three-images-section{padding:3vw 9vw 5vw}.sera-three-images-header{margin-bottom:3vw;color:#fff}.sera-cards-container{display:flex;width:100%;gap:2vw}.sera-simple-card{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:1.5vw;padding:2vw;text-align:center;transition:all .3s ease}.sera-simple-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.sera-simple-card.completed{background:#a8dadc33;border-color:#a8dadc66}.sera-card-icon{font-size:3vw;margin-bottom:1.5vw}.sera-card-title{color:#fff;font-size:1.8vw;margin-bottom:1.5vw;font-weight:600}.sera-card-text{color:#fffc;font-size:1.2vw;line-height:1.6}.sera-design-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2vw;height:100%}.sera-design-item{width:100%}.sera-design-card{border-radius:1.5vw;padding:2vw;padding-right:0;transition:all .3s ease;padding-left:0}.sera-design-icon{font-size:3vw;margin-bottom:1vw;text-align:center}.sera-design-title{color:#fff;font-size:1.5vw;margin-bottom:1.5vw;text-align:center}.sera-color-swatches{display:flex;gap:1vw;justify-content:center}.sera-color-swatch{width:3vw;height:3vw;border-radius:50%;border:2px solid rgba(255,255,255,.3)}.sera-design-preview{display:flex;justify-content:center;margin-top:1.5vw}.sera-phone-frame{width:20vw;height:35vw;background:#1a1a1a;border-radius:2vw;padding:1vw;box-shadow:0 10px 30px #00000080}.sera-phone-screen{width:100%;height:100%;background:#f8f9fa;border-radius:1vw;overflow:hidden}.sera-app-header{display:flex;justify-content:center;gap:1vw;padding:1vw;background:#e9ecef}.sera-nav-dot{width:1vw;height:1vw;background:#6b46c1;border-radius:50%}.sera-app-content{padding:1.5vw}.sera-progress-bar{height:.5vw;background:#6b46c1;border-radius:.25vw;margin-bottom:1vw}.sera-content-lines{display:flex;flex-direction:column;gap:.8vw}.sera-line{height:.3vw;background:#dee2e6;border-radius:.15vw;width:100%}.sera-line.short{width:70%}.sera-ux-elements{display:flex;flex-direction:column;gap:1vw}.sera-ux-item{display:flex;align-items:center;gap:1vw;padding:1vw;background:#ffffff0d;border-radius:1vw}.sera-ux-icon{font-size:1.5vw}.sera-ux-item span{color:#fff;font-size:1vw}.sera-dashboard{display:flex;flex-direction:column;gap:1.5vw}.sera-chart{display:flex;gap:.5vw;align-items:flex-end;height:8vw}.sera-chart-bar{width:1.5vw;background:linear-gradient(45deg,#6b46c1,#a8dadc);border-radius:.5vw;transition:all .3s ease}.sera-chart-bar:hover{transform:scaleY(1.1)}.sera-stats{display:flex;gap:1vw;margin-top:1vw}.sera-stat{text-align:center;flex:1}.sera-stat-number{display:block;color:#a8dadc;font-size:2vw;font-weight:700}.sera-stat-label{display:block;color:#fff;font-size:.8vw;margin-top:.3vw}.sera-three-images-container{display:flex;flex-direction:row;gap:2vw;height:fit-content}.sera-three-image{width:33%;height:100%}.sera-three-images-left img,.sera-three-images-center img,.sera-three-images-right img{height:100%}.sera-five-images-section{padding:7vw 1vw 18vw;color:#fff}.sera-five-images-header{margin-bottom:3vw;color:#fff;margin-left:3vw}.sera-five-images-container{display:flex;flex-wrap:wrap;gap:2vw;width:100%;max-width:1600px;margin:0 auto;height:fit-content}.sera-five-images-item{opacity:0;animation:fadeInUp .8s ease-out forwards;flex:1 1 auto;min-width:300px;max-width:calc(33.333% - 1.333vw);height:auto}.sera-five-images-item:nth-child(1){animation-delay:.1s}.sera-five-images-item:nth-child(2){animation-delay:.2s}.sera-five-images-item:nth-child(3){animation-delay:.3s}.sera-five-images-item:nth-child(4){animation-delay:.4s}.sera-five-images-item:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.sera-five-image{width:100%;height:100%}.sera-three-images-center img{height:100%}.sera-five-images-section{padding:6vw 3vw 3vw}.sera-five-images-item{width:100%;height:100%}.sera-five-images-content{height:fit-content}.sera-features-section{padding:7vw 13vw 8vw 11vw}@media(max-width:768px){.sera-features-section{padding:13vw 5vw 16vw}.sera-two-images-section{height:fit-content;padding:18vw 5vw;max-width:100vw;margin:0}.sera-two-images-container{flex-direction:column;gap:4vw;max-width:80vw;margin:0 auto}.sera-two-image{width:100%;height:73vh;object-fit:cover;border-radius:8px}.sera-two-images-right{margin-top:0}.sera-three-images-section{padding:6vw 5vw;height:fit-content}.sera-three-images-container,.sera-five-images-container{flex-direction:column;gap:3vw}.sera-five-images-container{height:fit-content;display:flex;justify-content:center;align-items:center}.sera-five-images-header{margin-bottom:9vw;color:#fff;margin-left:0vw}.sera-five-images-section{padding:15vw 5vw 24vw}.sera-three-image{width:100%}.sera-three-images-header{margin-bottom:8vw;color:#fff}.sera-design-showcase{padding:7vw 0vw}.sera-problem-solution-section{height:60vh}.sera-solution-list li{font-family:ppbook;font-size:3.5vw;font-weight:400;color:#fff;margin:.2rem 0;line-height:1.6;opacity:1;position:relative}.schedule-replenish-bg-img{object-position:left bottom}}.scopedat-section{display:flex;flex-direction:column;padding:8vw 11vw 6vw;margin:0 auto;background-color:#fff}.scopedat-list{list-style:none;padding:0;margin-top:2vw;display:flex;flex-direction:column;gap:1.5vw}.scopedat-list li{font-size:clamp(1rem,1.2vw,1.5rem);line-height:1.6;color:#333;width:55vw}.scopedat-list li strong{color:#000;font-weight:700;display:block;margin-bottom:.2vw}.scopedat-visual{margin-top:5vw;width:100%}.scopedat-img{width:100%;height:auto;object-fit:cover;border-radius:.5vw}@media(max-width:1024px){.scopedat-section{padding:12vw 5vw}.scopedat-list li{width:100vw;font-size:4vw}.scopedat-visual{margin-top:8vw}.v2-app-left p{width:100%}}.sera-design-showcase-cards{display:flex;width:100%;gap:3vw}.problem-para-cards{font-size:1.3vw!important}.sera-design-showcase .hero-buttons{display:none}.sera-features-header p{width:40%}.sera-design-card{display:flex;flex-direction:column;text-align:center;flex:1;gap:1.3vw}.sera-design-card .icon{font-size:3vw;margin-bottom:1.5vw;width:100%;display:flex}.sera-design-card .icon-image{width:3.5vw;height:3.5vw;margin-bottom:.1vw}.sera-design-card h3{font-size:1.5vw;margin-bottom:1vw}.sera-design-card p{font-size:.9vw;font-family:ppbook;opacity:.77}.sera-design-card .card-contents{width:100%;display:flex;flex-direction:column}.card-contents h3,.card-contents p{text-align:left}.card-contents p{width:100%}.sera-design-card .icon{width:100%;display:flex;align-items:flex-start}@media(max-width:1024px){.sera-design-card .icon-image{width:6vw;height:6vw;margin-bottom:.5vw}.sera-design-card h3{font-size:1.8vw;margin-bottom:1.2vw}.sera-design-card p{font-size:1.2vw}.sera-design-showcase-cards{gap:5vw}}@media(max-width:768px){.sera-design-showcase-cards{flex-direction:column;gap:5vw}.sera-features-header p{width:100%}.sera-design-card{flex:1;text-align:center;flex-direction:column;min-height:30vw;padding:3vw 0}.sera-design-card .icon-image{width:12vw;height:12vw;margin-bottom:3vw;display:block;margin-right:auto}.sera-design-card h3{font-size:4.5vw;margin-bottom:2vw}.sera-design-card p{font-size:3.5vw}.card-contents h3,.card-contents p{text-align:left}}.next-project-container{padding:4rem 2rem;text-align:center;background-color:#f5f5f5}.next-project-container h2{font-size:2.5rem;margin-bottom:1rem;font-family:pp,sans-serif}.next-project-link{font-size:1.2rem;color:#000;text-decoration:none;border-bottom:2px solid #000;padding-bottom:5px;transition:all .3s ease}.next-project-link:hover{color:#ff5c0b;border-bottom-color:#ff5c0b}.project-cta-marquee-wrapper{width:100%;overflow:hidden;padding:5vw 0 6vw;display:flex;background-color:transparent}.project-cta-track-wrapper{display:flex;width:100%;text-decoration:none;color:#000;cursor:pointer;overflow:hidden}.project-cta-track{display:flex;width:fit-content;white-space:nowrap;animation:project-cta-marquee 45s linear infinite}@keyframes project-cta-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.project-cta-marquee-item{font-size:clamp(2rem,4.5vw,5rem);font-family:ppbook;font-weight:500;padding-right:2vw;transition:color .4s ease;display:inline-block;line-height:1.3;text-transform:none}.project-cta-track-wrapper:hover .project-cta-marquee-item{color:#ff5c0b;-webkit-text-stroke:1px transparent}@media(max-width:768px){.project-cta-marquee-wrapper{padding:12vw 0 10vw}.project-cta-marquee-item{font-size:clamp(1.8rem,6vw,3rem);padding-right:4vw}}