.case-study{color-scheme:light;--ink:#141414;--gray:#6b7280;--violet:#9f94f3;--ease:cubic-bezier(.25,.1,.25,1);--expo:cubic-bezier(.16,1,.3,1)}
.case-study,.case-study{background:#fff}
.case-study{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;font-kerning:normal}
.case-study #page{width:100%;min-width:1440px;overflow-x:clip}
.case-study .band{position:relative;width:100%;overflow:clip}
.case-study .band>.a,.case-study .pin-sticky>.a{left:50%!important;margin-left:-720px}
.case-study .pin-sticky{position:sticky;top:0;width:100%;overflow:clip}
.case-study .band-head{position:sticky;top:0;z-index:50;transition:transform .28s cubic-bezier(.33,1,.68,1)}
.case-study .band-head.is-hidden{transform:translate3d(0,-120%,0)}
.case-study .a{position:absolute;box-sizing:border-box;margin:0;display:block}
.case-study .t{word-wrap:break-word}
.case-study .t a{color:inherit;text-decoration:inherit}
.case-study .tb{display:block}
.case-study .art{position:absolute;inset:0;background-size:100% 100%;background-repeat:no-repeat}
.case-study .sk{position:absolute;box-sizing:border-box;pointer-events:none;display:block}
.case-study img.a{max-width:none}
.case-study img.fill{display:block;width:100%;height:100%;max-width:none}
.case-study a.a,.case-study button.a,.case-study label.a{color:inherit;text-decoration:none;cursor:pointer}
.case-study button.a{border:0;padding:0;font:inherit;background:transparent;text-align:inherit;-webkit-appearance:none;appearance:none;border-radius:0}
.case-study .vh{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;margin:0;left:0;top:0}
.case-study :focus-visible{outline:2px solid var(--violet);outline-offset:2px}
.case-study .btn,.case-study .btn .t,.case-study .btn img{transition:background-color .2s var(--ease),color .2s var(--ease),box-shadow .2s var(--ease),filter .2s var(--ease)}
.case-study .btn-o:hover{background-color:#000!important}
.case-study .btn-o:hover .t{color:#fff!important}
.case-study .btn-o:hover img{filter:invert(1)}
.case-study .btn-w:hover{background-color:transparent!important;box-shadow:inset 0 0 0 1px #fff}
.case-study .btn-w:hover .t{color:#fff!important}
.case-study .btn-w:hover img{filter:invert(1)}
.case-study .btn-txt{transition:opacity .2s var(--ease)}
.case-study .btn-txt:hover{opacity:.7}
.case-study .nav-i .t,.case-study .lang-seg .t{transition:color .2s var(--ease)}
.case-study .nav-i:hover .t,.case-study .lang-seg:hover .t{color:var(--ink)!important}
.case-study .flink{transition:opacity .2s var(--ease)}
.case-study a.flink:hover{opacity:.7}
.case-study .in{background:transparent;border:0;outline:none;padding:0;resize:none;overflow:hidden;font-feature-settings:normal;caret-color:currentColor}
.case-study .in::placeholder{color:var(--ph);opacity:1}
.case-study textarea.in{overflow-y:auto;scrollbar-width:none}
.case-study textarea.in::-webkit-scrollbar{display:none}
.case-study .in:focus-visible{outline:none}
.case-study .fld .sk{transition:border-color .2s var(--ease)}
.case-study .fld:hover .sk,.case-study .fld:focus-within .sk{border-color:#fff!important}
.case-study .fld.is-invalid .sk{border-color:#f87171!important}
.case-study .chip{transition:background-color .2s var(--ease)}
.case-study .chip .t{transition:color .2s var(--ease)}
.case-study .chip:has(input:checked){background-color:#fff!important}
.case-study .chip:has(input:checked) .t{color:#000!important}
.case-study .chip:has(input:focus-visible){outline:2px solid var(--violet);outline-offset:2px}
.case-study .bud{transition:box-shadow .2s var(--ease),background-color .2s var(--ease)}
@media (hover:hover){.case-study .bud:hover{box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}
}
.case-study .bud:has(input:checked){background-color:#222!important;box-shadow:inset 0 0 0 1px #fff}
.case-study .bud:has(input:focus-visible){outline:2px solid var(--violet);outline-offset:2px}
.case-study .rdot{transition:background-color .2s var(--ease),box-shadow .2s var(--ease)}
.case-study .bud:has(input:checked) .rdot{background-color:#fff!important;box-shadow:inset 0 0 0 3px #1a1a1a}
.case-study .attach{transition:background-color .2s var(--ease)}
.case-study .attach:hover{background-color:#242424!important}
.case-study .attach:has(input:focus-visible){outline:2px solid var(--violet);outline-offset:2px}
.case-study .fname{white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis}
.case-study .file-row.is-empty{visibility:hidden}
.case-study .fremove{transition:opacity .2s var(--ease)}
.case-study .fremove:hover{opacity:.6}
.case-study .rp-layer{opacity:0;visibility:hidden;transform:translate3d(0,8px,0);transition:opacity .35s var(--ease),transform .35s var(--ease),visibility 0s linear .35s;pointer-events:none}
.case-study .rp-layer.is-out{transform:translate3d(0,-8px,0)}
.case-study .rp-layer.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
.case-study .rp-co{opacity:0;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.case-study .rp-co.rp-l{transform:translate3d(-8px,0,0)}
.case-study .rp-co.rp-r{transform:translate3d(8px,0,0)}
.case-study .rp-layer.is-active .rp-co{opacity:1;transform:none;transition-delay:calc(var(--i) * 90ms + 120ms)}
.case-study .rp-ld{clip-path:inset(0 100% 0 0);transition:clip-path .24s var(--ease)}
.case-study .rp-ld.rp-r{clip-path:inset(0 0 0 100%)}
.case-study .rp-layer.is-active .rp-ld{clip-path:inset(0);transition-delay:calc(var(--i) * 90ms + 320ms)}
.case-study .rp-an{opacity:0;transition:opacity .2s var(--ease)}
.case-study .rp-layer.is-active .rp-an{opacity:1;transition-delay:calc(var(--i) * 90ms + 520ms)}
.case-study .rp-co a.a .t{transition:color .2s var(--ease)}
.case-study .rp-co a.a:hover .t{color:var(--ink)!important}
.case-study .rp-step .rp-txt{transition:color .2s var(--ease)}
.case-study .rp-step.is-active .rp-txt{color:var(--ink)!important}
.case-study .rp-step:not(.is-active) .rp-txt{color:var(--gray)!important}
.case-study .rp-step .rp-prog{transition:width .1s linear}
.case-study .rp-step:hover .rp-txt{color:var(--ink)!important}
.case-study .mq{position:absolute;left:0;top:0;will-change:transform}
.case-study .mq-left{animation:mqL 60s linear infinite}
.case-study .mq-right{animation:mqR 60s linear infinite}
@keyframes mqL{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-1 * var(--p)),0,0)}}
@keyframes mqR{from{transform:translate3d(calc(-1 * var(--p)),0,0)}to{transform:translate3d(0,0,0)}}
.case-study .heading-blur-reveal .word{position:relative;display:inline-block}
.case-study .reveal-on .heading-blur-reveal .word{opacity:0;filter:blur(16px);transform:translate3d(0,28px,0);will-change:transform,filter,opacity}
.case-study .reveal-on .heading-blur-reveal.is-visible .word{opacity:1;filter:blur(0);transform:translate3d(0,0,0);transition:opacity 1.25s var(--expo),filter 1.25s var(--expo),transform 1.25s var(--expo);transition-delay:calc(var(--word-index) * 28ms)}
.case-study .cursor-wrapper{z-index:1100;pointer-events:none;mix-blend-mode:difference;justify-content:center;align-items:center;display:none;position:fixed;inset:0}
.case-study .cursor-1{--cursor-x:50vw;--cursor-y:50vh;--cursor-scale:.1;opacity:0;background-color:#fff;border-radius:10000px;justify-content:center;align-items:center;width:200px;height:200px;display:flex;position:fixed;top:0;left:0;transform:translate3d(var(--cursor-x),var(--cursor-y),0) translate(-50%,-50%) scale(var(--cursor-scale));transition:opacity .14s ease,transform .08s ease;will-change:transform,opacity}
.case-study .cursor-wrapper.is-visible .cursor-1{opacity:1}
.case-study .cursor-1.is-link{--cursor-scale:.2}
.case-study .cursor-1.is-view{--cursor-scale:1}
.case-study .arrow-24{opacity:0;z-index:1;width:24px;transition:opacity .18s ease}
.case-study .img-rotate{opacity:0;width:120%;max-width:120%;position:absolute;animation:cursorRotate 30s linear infinite;transition:opacity .18s ease}
.case-study .cursor-1.is-view .arrow-24,.case-study .cursor-1.is-view .img-rotate{opacity:1}
@keyframes cursorRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@media (pointer:fine){.case-study .has-custom-cursor,.case-study .has-custom-cursor *{cursor:none!important}
.case-study .has-custom-cursor .cursor-wrapper{display:flex}
}
@media (pointer:coarse),(max-width:767px),(prefers-reduced-motion:reduce){.case-study .cursor-wrapper{display:none!important}
}
.case-study .toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate3d(-50%,16px,0);opacity:0;pointer-events:none;background:#141414;color:#fff;font:400 15px/1.4 'Worksans',sans-serif;letter-spacing:-.3px;padding:14px 20px;width:max-content;max-width:min(560px,calc(100vw - 32px));box-sizing:border-box;transition:opacity .2s var(--ease),transform .2s var(--ease);z-index:1200}
.case-study .toast.is-on{opacity:1;transform:translate3d(-50%,0,0)}
@media (prefers-reduced-motion:reduce){.case-study .mq-left,.case-study .mq-right{animation:none}
.case-study .rp-layer,.case-study .rp-co,.case-study .rp-ld,.case-study .rp-an,.case-study .band-head{transition:none!important}
}
@media (min-width:1441px){.case-study .band[data-stretch]>.a{width:100%!important;left:0!important;margin-left:0}
.case-study .band[data-stretch]>.a>*:not(.art){margin-left:calc((100% - 1440px)/2)}
.case-study .band[data-fade] .art{-webkit-mask-image:linear-gradient(90deg,transparent,#000 160px,#000 calc(100% - 160px),transparent);mask-image:linear-gradient(90deg,transparent,#000 160px,#000 calc(100% - 160px),transparent)}
}
.case-study.m #page{min-width:0}
.case-study.m .band{height:auto!important}
.case-study.m .band>.a,.case-study.m .pin-sticky>.a{left:0!important;margin-left:0!important}
.case-study.m .pin-sticky{position:relative!important;top:0!important;height:auto!important}
.case-study.m .cursor-wrapper{display:none!important}
.case-study.m .band-head [data-n="Nav"],.case-study.m .band-head [data-n^="Button"]{display:none!important}
.case-study.m .art{background-size:cover;background-position:center bottom}
.case-study.m [data-n*="Contact form"]>.art{display:none}
.case-study.m [data-n*="Lead magnet"]>.art{bottom:auto;height:calc(min(100vw,767px) * 0.74);background-position:center;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}
.case-study.m .m-car{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important;scroll-padding-left:16px}
.case-study.m .m-car::-webkit-scrollbar,.case-study.m .m-scroll::-webkit-scrollbar{display:none}
.case-study.m .m-car>*{scroll-snap-align:start}
.case-study.m .m-scroll{scrollbar-width:none;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.case-study.m .m-scroll .card-case{scroll-snap-align:start;scroll-margin-left:16px}
.case-study.m .m-car>*>.sk{display:none}
.case-study.m .rp-layer{opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important;pointer-events:auto!important}
.case-study.m .rp-layer:not(.is-active){display:none!important}
.case-study.m .rp-co{opacity:1!important;transform:none!important}
.case-study.m .rp-ld,.case-study.m .rp-an{display:none!important}
.case-study.m .rp-step{border:1px solid #d1d5db!important;padding:10px 14px!important;background:#fff}
.case-study.m .rp-step.is-active{background:#141414;border-color:#141414!important}
.case-study.m .rp-step.is-active .rp-txt,.case-study.m .rp-step.is-active .t{color:#fff!important}
.case-study.m .rp-step [data-n="Track"]{display:none!important}
.case-study.m [data-n="Bleed plate"]{display:none!important}
.case-study.m .rp-step [data-n="Body"]>.t:not(.rp-txt){display:none!important}
.case-study.m .rp-step [data-n="Body"]{flex-direction:row!important;align-items:baseline!important;gap:8px!important}

.case-study{font-size:16px;line-height:normal;letter-spacing:normal;overflow-x:clip;color:#141414;background:white}
.case-study .t{margin:0}.case-study .a{box-sizing:border-box}.case-study a.card-case{color:inherit;text-decoration:none}
.case-study img{max-width:none}.case-study a:focus-visible,.case-study button:focus-visible{outline:3px solid #9f94f3;outline-offset:3px}
.case-navigation{padding:64px max(20px,calc((100% - 1320px)/2));background:#fff;color:#141414}
.case-navigation h2{font:400 clamp(30px,4vw,52px)/1.05 'Rg Standardbook',sans-serif;margin:0 0 32px;letter-spacing:-1.5px}
.case-navigation-links{display:flex;flex-wrap:wrap;gap:12px}.case-navigation .daisy-btn{border-radius:0;font-family:inherit;font-weight:400;text-transform:none}
.case-navigation [aria-current]{background:#141414;color:#fff}
.case-skip{position:absolute;left:20px;top:-80px;z-index:9999;background:white;padding:12px}.case-skip:focus{top:12px}

.case-page #case-content{padding-top:104px}@media(max-width:767px){.case-page #case-content{padding-top:80px}}