@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@500;600;700&family=Changa+One:ital@0;1&family=Droid+Sans:wght@400;700&family=Inconsolata:wght@400;700&family=Inter:wght@300;400;500;600;700&family=Inter+Tight:wght@300;400;500;600;700&family=Playfair+Display:wght@300;400;500&family=PT+Mono&family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap");.main-wrapper .image-reveal-wrapper .slide.left,.main-wrapper .image-reveal-wrapper .slide.right{display:none!important}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:125%}.main-wrapper :is(h1,h2,h3,h4,h5,h6,p,.display-heading,.heading,.heading-2,.heading-3,.heading-4,.large-text,.medium-text,.medium-text-bullet,.small-text,.mono-text){text-wrap:pretty}.main-wrapper #Top.nav-bar .progress-bar{pointer-events:none;transform:scaleX(0);transform-origin:left center}.main-wrapper #Top.nav-bar .container-nav{position:relative;z-index:2}.main-wrapper #Top.nav-bar a.logo-link{transition:opacity .35s ease}@media (prefers-reduced-motion:reduce){.main-wrapper #Top.nav-bar a.logo-link{transition-duration:.01ms}}.main-wrapper #Top.nav-bar a.logo-link.nav-logo--suppressed{opacity:0;pointer-events:none}.main-wrapper #Top.nav-bar{background-color:transparent;border-bottom:1px solid transparent;transition:background-color .28s ease,border-bottom-color .28s ease}.main-wrapper #Top.nav-bar.nav-bar--solid,.main-wrapper.is-menu-open #Top.nav-bar{background-color:var(--primary--black);border-bottom-color:var(--primary--charcoal)}@media screen and (max-width:991px){.main-wrapper.is-menu-open .mobile-nav-content{display:flex!important;position:fixed;top:calc(var(--vvt, 0px) + var(--nav-header-h, 4.25rem));right:0;left:0;bottom:auto;width:100%;height:calc(100svh - 4.25rem);height:calc(100dvh - 4.25rem);height:calc(var(--vvh, 100dvh) - var(--nav-header-h, 4.25rem));max-height:calc(100svh - 4.25rem);max-height:calc(100dvh - 4.25rem);max-height:calc(var(--vvh, 100dvh) - var(--nav-header-h, 4.25rem));box-sizing:border-box;justify-content:flex-start;align-content:flex-start;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 max(1rem,env(safe-area-inset-right,0px)) max(1.5rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px))}.main-wrapper.is-menu-open .nav-link-mobile-list{margin-top:0;margin-bottom:0;flex-shrink:0}.main-wrapper.is-menu-open{overflow:hidden}}.main-wrapper>.navigation{z-index:888}.button-menu-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.button-menu-wrapper>.mobile-menu-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.menu-toggle-icon{display:block;position:relative;width:1.375rem;height:.95rem}.menu-toggle-icon__line{position:absolute;left:0;width:100%;height:2px;background:currentColor;border-radius:1px;transition:transform .2s ease,opacity .2s ease,top .2s ease,width .2s ease}.menu-toggle-icon__line:first-child{top:0}.menu-toggle-icon__line:nth-child(2){top:50%;transform:translateY(-50%)}.menu-toggle-icon__line:nth-child(3){bottom:0}.main-wrapper.is-menu-open .menu-toggle-icon{width:1.75rem;height:1.75rem}.main-wrapper.is-menu-open .menu-toggle-icon__line:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.main-wrapper.is-menu-open .menu-toggle-icon__line:nth-child(2){opacity:0}.main-wrapper.is-menu-open .menu-toggle-icon__line:nth-child(3){top:50%;bottom:auto;transform:translateY(-50%) rotate(-45deg)}.main-wrapper .nav-link-desktop{--nav-roll-line-height:1.875rem;overflow:hidden}.main-wrapper .nav-link-desktop .nav-text-wrapper{height:var(--nav-roll-line-height);overflow:hidden}.main-wrapper .nav-link-desktop .nav-text{flex:0 0 var(--nav-roll-line-height);height:var(--nav-roll-line-height)}@media screen and (min-width:768px){.main-wrapper .small-logo{width:7.25rem;height:auto}.main-wrapper .nav-link-desktop{--nav-roll-line-height:2.375rem;font-size:1.1875rem;padding:.35rem .75rem}.main-wrapper .nav-text{align-items:center;display:flex}}.main-wrapper .nav-link-desktop .nav-text{transform:translateY(0);transition:transform .8s cubic-bezier(.23,1,.32,1)}.main-wrapper .nav-link-desktop:focus-visible .nav-text,.main-wrapper .nav-link-desktop:hover .nav-text{transform:translateY(-100%);transition:transform .8s cubic-bezier(.165,.84,.44,1)}@media (prefers-reduced-motion:reduce){.main-wrapper .nav-link-desktop .nav-text{transition-duration:.01ms}.main-wrapper .nav-link-desktop:focus-visible .nav-text,.main-wrapper .nav-link-desktop:hover .nav-text{transform:translateY(0);transition-duration:.01ms}}.main-wrapper .big-logo-image-wrapper.first-line{width:375px}@media screen and (max-width:767px){.main-wrapper .big-logo-image-wrapper.first-line{width:300px}}.main-wrapper .mono-text{font-size:1.0625rem}.main-wrapper .hero-top .animation-up-0-2,.main-wrapper .hero-top .max-width-block{max-width:none;overflow:visible;position:relative}.main-wrapper .hero-title-fan{position:relative;z-index:12;display:block;width:-moz-max-content;width:max-content;max-width:100%}.main-wrapper .hero-top .mono-text{color:#c8d6ec;-webkit-text-stroke-color:#c8d6ec;font-size:1.5rem;font-weight:700;letter-spacing:.02em;line-height:1.25;text-transform:none;white-space:nowrap}.main-wrapper .hero-title-fan__resting{position:relative;z-index:1}.main-wrapper .hero-title-fan__stack{display:flex;flex-direction:column;align-items:flex-start;left:0;pointer-events:none;position:absolute}.main-wrapper .hero-title-fan__stack--above{bottom:100%}.main-wrapper .hero-title-fan__stack--below{top:100%}.main-wrapper .hero-title-fan__item{display:block;opacity:0;transform:translateY(var(--fan-from,0));visibility:hidden}.main-wrapper .hero-title-fan__stack--above .hero-title-fan__item{--fan-from:0.4em}.main-wrapper .hero-title-fan__stack--below .hero-title-fan__item{--fan-from:-0.4em}@media (hover:hover) and (pointer:fine){.main-wrapper .hero-title-fan__item{transition:opacity .26s ease,transform .3s cubic-bezier(.23,1,.32,1),visibility .26s ease;transition-delay:calc(var(--fan-dist, 0) * 40ms)}.main-wrapper .hero-title-fan__stack--above .hero-title-fan__item{--fan-dist:calc(3 - var(--fan-i, 0))}.main-wrapper .hero-title-fan__stack--below .hero-title-fan__item{--fan-dist:var(--fan-i,0)}.main-wrapper .hero-title-fan:hover .hero-title-fan__item{opacity:.9;transform:translateY(0);visibility:visible}.main-wrapper .hero-title-fan:hover .hero-title-fan__stack{pointer-events:auto}}@media (prefers-reduced-motion:reduce){.main-wrapper .hero-title-fan__item{transition-duration:.01ms;transition-delay:0s}}@media screen and (max-width:767px){.main-wrapper .hero-top .mono-text{font-size:1.3125rem}}.main-wrapper .work-link .mono-text{font-size:.8rem}.main-wrapper .work-link .heading{font-size:2rem}.main-wrapper .work-link .heading-2{font-size:2.4rem}@media screen and (max-width:767px){.main-wrapper .work-link .heading,.main-wrapper .work-link .heading-2{font-size:2.2rem;letter-spacing:-.025em}}.main-wrapper .work-content-wrapper.small h2,.main-wrapper .work-link .heading,.main-wrapper .work-link .heading-2{align-self:stretch;display:block;line-height:1.2;max-width:100%;min-width:0;overflow:visible;padding-bottom:.22em;text-overflow:clip;width:100%}.main-wrapper .work-link .work-bg-image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:-12%;left:0;width:100%;height:124%;max-width:none}.main-wrapper .work-link[href="/product-design/cake-intelligence-neo"] .work-bg-image{top:16%}.main-wrapper .work-link .work-image-overlay{opacity:.7;pointer-events:none;transition:opacity .2s cubic-bezier(.23,1,.32,1)}@media screen and (max-width:767px){.main-wrapper .work-link .work-image-overlay{background-color:rgb(0 0 0/.74);opacity:1}.main-wrapper .work-link[href="/product-design/braid-os"] .work-image-overlay{background-color:rgb(46 16 84/.74)}.main-wrapper .work-link[href="/product-design/agentic-marketing-os"] .work-image-overlay{background-color:rgb(92 58 8/.74)}.main-wrapper .work-link[href="/product-design/cake-point-of-sale"] .work-image-overlay{background-color:rgb(112 42 8/.74)}.main-wrapper .work-link[href="/product-design/muzik"] .work-image-overlay{background-color:rgb(8 28 78/.74)}}@media (hover:hover) and (pointer:fine){.main-wrapper .work-link:hover .work-image-overlay{opacity:1}}.main-wrapper .work-link:focus-visible .work-image-overlay{opacity:1}@media (prefers-reduced-motion:reduce){.main-wrapper .work-link .work-image-overlay{transition-duration:.01ms}}.main-wrapper img.client-logo{height:auto;max-height:50px;max-width:150px;-o-object-fit:contain;object-fit:contain;width:auto}.main-wrapper .small-text{font-size:.92rem}@media screen and (min-width:768px){.main-wrapper .medium-text{font-size:1.0625rem}}@media screen and (max-width:767px){.main-wrapper .medium-text{font-size:1.075rem}}@media screen and (max-width:479px){.main-wrapper .medium-text{font-size:1.625rem}}.main-wrapper .footer-link,.main-wrapper .mobile-menu-text{font-size:1.0625rem}@media screen and (max-width:991px){.main-wrapper .button-menu{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;overflow:visible}.main-wrapper .nav-link-mobile-item,.main-wrapper .nav-link-mobile-wrapper{width:100%}.main-wrapper .mobile-nav-link{display:flex;align-items:center;width:100%;padding:.35rem 0}}@media screen and (max-width:991px) and (min-width:768px){.main-wrapper .mobile-nav-link{font-size:2.925rem}}@media screen and (max-width:767px){.main-wrapper .mobile-nav-link{font-size:3.575rem}}#featured-work-react-root{display:flex;flex-direction:column;gap:1rem;width:100%}.collection-list-grid.w-dyn-items>#work-index-react-root{grid-column:1/-1}#work-index-react-root{display:grid;width:100%;gap:1rem;grid-template-columns:1fr 1fr}@media screen and (max-width:767px){#work-index-react-root{grid-template-columns:1fr}#featured-work-react-root,#work-index-react-root{margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem)}#work-index-react-root:empty{min-height:100svh}body:has(#work-index-react-root:empty) .container.footer{visibility:hidden}}@media screen and (min-width:768px){.work-content-wrapper>._12-column-grid{align-content:stretch;display:grid;grid-column-gap:2rem;grid-row-gap:2rem;grid-template-columns:1fr 1fr;grid-template-rows:auto;place-items:start stretch;width:100%}#work-index-react-root .work-content-wrapper>._12-column-grid,.main-wrapper .work-content-wrapper.small>._12-column-grid{grid-template-columns:minmax(0,1.55fr) minmax(0,.45fr)}}.main-wrapper section.section.works>.container:has(+.container-thumbs:not(.footer)){margin-bottom:0;padding-bottom:0}.main-wrapper section.section.works>.container:has(+.container-thumbs:not(.footer)) .margin-bottom.large:has(>h4.heading-4){margin-bottom:.25rem}.main-wrapper section.section.works>.container:has(+.container-thumbs:not(.footer)):after{box-sizing:border-box;content:"";display:block;width:100vw;margin-left:calc(50% - 50vw);border-top:1px solid rgb(255 255 255/.08)}.main-wrapper section.section.works>.container-thumbs:not(.footer){margin-top:16px}@media screen and (min-width:768px) and (max-width:991px){#work-index-react-root .work-content-wrapper>._12-column-grid{grid-template-columns:minmax(0,1.85fr) minmax(0,.15fr)}}.work-content-wrapper .animation-left-0-1{align-items:flex-end;display:flex;justify-content:space-between;max-width:100%;min-width:0}.work-content-wrapper .item-block{max-width:100%;min-width:0}.main-wrapper .hero-scroll-anchor:not(.section){position:relative}.main-wrapper .hero-scroll-chevron{--chevron-nudge:10px;align-items:center;animation:hero-scroll-chevron-nudge 2.4s ease-in-out infinite;background:transparent;border:none;bottom:clamp(1rem,4vw,2.75rem);color:rgb(216 250 254/.92);cursor:pointer;display:flex;justify-content:center;left:50%;padding:.5rem;position:absolute;transform:translateX(-50%);z-index:25;transition:opacity .35s ease,visibility .35s ease}.main-wrapper .hero-scroll-chevron svg{display:block;width:28px;height:28px}.main-wrapper .hero-scroll-chevron--home{--chevron-nudge:16px}.main-wrapper .hero-scroll-chevron--home svg{width:2.75rem;height:2.75rem}@media screen and (max-width:767px){.main-wrapper .hero-scroll-chevron--home{--chevron-nudge:28px;bottom:clamp(1.25rem,6vw,2.5rem)}.main-wrapper .hero-scroll-chevron--home svg{width:4.25rem;height:4.25rem}}@media (prefers-reduced-motion:reduce){.main-wrapper .hero-scroll-chevron{animation:none}}.main-wrapper .hero-scroll-chevron:hover{color:rgb(243 253 254)}.main-wrapper .hero-scroll-chevron:focus-visible{outline:2px solid rgb(216 250 254);outline-offset:4px}.main-wrapper .hero-scroll-chevron.hero-scroll-chevron--hidden{opacity:0;pointer-events:none;visibility:hidden}@keyframes hero-scroll-chevron-nudge{0%,to{transform:translateX(-50%) translateY(0)}45%{transform:translateX(-50%) translateY(var(--chevron-nudge,16px))}70%{transform:translateX(-50%) translateY(0)}}.main-wrapper .hero-root-with-bg{isolation:isolate;position:relative}.main-wrapper .hero-root-with-bg .hero-bg-video-host{background-position:50%;background-size:cover;inset:0;overflow:hidden;position:absolute;width:100%;height:100%;z-index:0}.main-wrapper .hero-root-with-bg .hero-bg-video-wrapper{height:100%;width:100%}.main-wrapper .hero-root-with-bg .bg-video,.main-wrapper .hero-root-with-bg .bg-video-hold-frame{background-color:transparent}.main-wrapper .hero-root-with-bg .hero-content-layer{position:relative;z-index:10}.main-wrapper .hero-root-with-bg .hero-image-wrapper{background:none;inset:0;pointer-events:none;position:absolute;z-index:1}.main-wrapper .hero-root-with-bg .hero-image-wrapper .hero-image{visibility:hidden}.main-wrapper>div.navigation+section .hero-bottom{display:none}.project-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:1.15rem;column-gap:1.15rem;padding:0;margin-bottom:.5rem;width:100%;align-items:start}.project-stat-card{display:flex;flex-direction:column;align-items:flex-start;gap:.42rem;min-width:0;overflow:hidden;padding:0}.project-stat-value{display:flex;align-items:baseline;line-height:.92;min-width:0;max-width:100%;overflow:visible;white-space:nowrap}.project-stat-num{font-family:Archivo,Inter Tight,Inter,sans-serif;font-size:clamp(2.05rem,4.6vw,4.15rem);font-weight:600;letter-spacing:-.03em;line-height:.92;font-variant-numeric:lining-nums tabular-nums;color:rgba(255,255,255,.92)}.project-stat-unit{font-family:Archivo,Inter Tight,Inter,sans-serif;font-size:clamp(1.1rem,2.35vw,1.95rem);font-weight:600;letter-spacing:-.02em;line-height:.92;font-variant-numeric:lining-nums;color:rgba(255,255,255,.45);margin-left:.22em}.project-stat-row[data-slug=braid-os] .project-stat-num,.project-stat-row[data-slug=braid-os] .project-stat-unit{font-stretch:100%}.project-stat-row[data-slug=braid-os] .project-stat-card:has(.project-stat-num--phrase){container-type:inline-size;overflow:visible}.project-stat-row[data-slug=braid-os] .project-stat-value:has(.project-stat-num--phrase){display:flex;flex-wrap:nowrap;min-width:0;max-width:100%;overflow:visible}.project-stat-row[data-slug=braid-os] .project-stat-num--phrase{display:inline-flex;flex-wrap:nowrap;align-items:baseline;-moz-column-gap:.22em;column-gap:.22em;width:-moz-max-content;width:max-content;max-width:100%;flex-shrink:0;white-space:nowrap;letter-spacing:.02em;line-height:1;font-stretch:100%;font-variant-numeric:lining-nums;font-feature-settings:"tnum" 0,"pnum" 1,"kern" 1;font-size:clamp(1.7rem,28cqi,3.05rem)}.project-stat-row[data-slug=braid-os] .project-stat-num__day,.project-stat-row[data-slug=braid-os] .project-stat-num__word{display:inline-block;flex-shrink:0;white-space:nowrap}.project-stat-row[data-slug=braid-os] .project-stat-num__day{letter-spacing:.06em;font-kerning:none;font-variant-numeric:lining-nums;font-feature-settings:"tnum" 0,"pnum" 1,"kern" 0}@media screen and (min-width:768px) and (max-width:1279px){.project-stat-row[data-slug=braid-os]{-moz-column-gap:1.75rem;column-gap:1.75rem}.project-stat-hero-overlay .project-stat-row[data-slug=braid-os] .project-stat-num,.project-stat-row[data-slug=braid-os] .project-stat-num{font-size:clamp(1.25rem,3.2vw,2rem)}.project-stat-hero-overlay .project-stat-row[data-slug=braid-os] .project-stat-unit,.project-stat-row[data-slug=braid-os] .project-stat-unit{font-size:clamp(.8rem,1.8vw,1.05rem)}.project-stat-row[data-slug=braid-os] .project-stat-card:has(.project-stat-num--phrase){overflow:visible}.project-stat-row[data-slug=braid-os] .project-stat-num--phrase,.project-stat-row[data-slug=braid-os] .project-stat-value:has(.project-stat-num--phrase){min-width:0;max-width:100%;flex-shrink:1;width:auto}.project-stat-row[data-slug=braid-os] .project-stat-num--phrase{font-size:clamp(1.05rem,12cqi,1.65rem)}}.project-stat-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.18rem;min-width:0;width:100%}.project-stat-copy .project-stat-label,.project-stat-copy .project-stat-sublabel{margin-top:0}.project-stat-label{display:block;font-family:Inter Tight,Inter,sans-serif;font-size:.875rem;font-weight:500;line-height:1.3;color:rgba(255,255,255,.85);margin-top:0;text-transform:none;text-align:left}.project-stat-sublabel{display:block;font-family:PT Mono,monospace;font-size:.75rem;line-height:1.35;color:rgba(255,255,255,.38);margin-top:0;text-align:left}.project-stat-illustrative{display:block;margin-top:.4rem;font-family:Inconsolata,monospace;font-size:.75rem;line-height:1.4;letter-spacing:.01em;text-transform:none;color:rgba(255,255,255,.5)}@media screen and (max-width:479px){.project-stat-row{grid-template-columns:1fr;row-gap:1.15rem}}.project-stat-hero-overlay{position:absolute;bottom:0;right:0;z-index:20;pointer-events:none;width:min(68%,56rem);background:rgba(0,0,0,.72);border-radius:2rem 2rem 0 0;display:flex;flex-direction:row;align-items:stretch;padding:1.75rem 2rem;gap:1rem}.project-stat-hero-overlay__chevron-col{display:none}.project-stat-hero-overlay .project-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:1.15rem;column-gap:1.15rem;flex:1 1 auto;width:100%;padding:0;align-items:start}.project-stat-hero-overlay .project-stat-card{display:flex;flex-direction:column;align-items:flex-start;flex:none;width:100%;gap:.42rem;min-width:0;padding:0}.project-stat-hero-overlay .project-stat-copy{display:flex;flex-direction:column;gap:.2rem}.project-stat-hero-overlay .project-stat-num{font-size:clamp(3rem,5.4vw,5.35rem)}.project-stat-hero-overlay .project-stat-unit{font-size:clamp(1.45rem,2.55vw,2.5rem);margin-left:.45em}.project-stat-hero-overlay .project-stat-label{font-size:.875rem;margin-top:.25rem;text-transform:none}.project-stat-hero-overlay .project-stat-sublabel{font-size:.75rem}@media screen and (max-width:991px) and (min-width:768px){.project-stat-hero-overlay{width:100%;border-radius:0;left:0}}@media screen and (min-width:768px){.hero-section-wrapper:has(.project-stat-hero-overlay) .heading-content{padding-bottom:clamp(11rem,24vh,16rem)}}@media screen and (max-width:767px){.main-wrapper .hero-section-wrapper{--case-hero-peek:7.75rem}.main-wrapper .hero-section-wrapper .heading-content,.main-wrapper .hero-section-wrapper:has(.project-stat-hero-overlay) .heading-content{height:auto;min-height:calc(100svh - var(--case-hero-peek));overflow:visible}.main-wrapper .hero-section-wrapper .hero-image-wrapper{height:auto;inset:0}.main-wrapper .hero-section-wrapper .image-overlay{background-color:rgb(0 0 0/.72)}.hero-section-wrapper:has(.project-stat-hero-overlay) .heading-content{height:auto;min-height:calc(100svh - var(--case-hero-peek, 7.75rem));overflow:visible;padding-bottom:4.25rem}.hero-section-wrapper:has(.project-stat-hero-overlay) .heading-content-wrapper{height:auto;flex-shrink:0}.hero-section-wrapper:has(.project-stat-hero-overlay) .hero-image-wrapper{height:100%}.hero-section-wrapper:has(.project-stat-hero-overlay) .project-info-block{min-width:0;overflow:visible}.hero-section-wrapper:has(.project-stat-hero-overlay) .display-font-wrapper.first-line{display:flex;flex-direction:column;align-items:flex-start;width:100%}.project-stat-hero-overlay{position:relative;inset:auto;bottom:auto;right:auto;left:auto;z-index:5;flex-shrink:0;flex-direction:column;width:100%;max-width:none;margin-top:1.75rem;border-radius:1.25rem;padding:1rem 1.1rem 1.15rem;gap:.75rem}.project-stat-hero-overlay .project-stat-row{display:grid;grid-template-columns:max-content 1fr;-moz-column-gap:1.1rem;column-gap:1.1rem;row-gap:.95rem;align-items:center;padding:0;margin:0;width:100%}.project-stat-hero-overlay .project-stat-card{display:contents}.project-stat-hero-overlay .project-stat-value{grid-column:1;align-self:center}.project-stat-hero-overlay .project-stat-copy{grid-column:2;justify-content:center}.project-stat-hero-overlay .project-stat-num{font-size:clamp(2.2rem,8.5vw,2.75rem)}.project-stat-hero-overlay .project-stat-unit{font-size:clamp(1.05rem,3.6vw,1.3rem);margin-left:.45em}.project-stat-hero-overlay .project-stat-label{font-size:1rem;margin-top:0}.project-stat-hero-overlay .project-stat-sublabel{font-size:.8125rem}}.project-tech-badges-react-root+.project-stats-react-root,.service-item-wrapper+.project-stats-react-root,.service-item-wrapper+.project-tech-badges-react-root,.service-item-wrapper:has(+.project-tech-badges-react-root) .servcies-item:last-child .divider{margin-top:0}.case-study-layout .work-content,.main-wrapper .work-content,.sticky-grid>.right-column{min-width:0;max-width:100%}.case-study-layout .project-role-badges,.case-study-layout .project-tech-badges,.case-study-layout .service-item-wrapper,.main-wrapper .work-content .project-role-badges,.main-wrapper .work-content .project-tech-badges,.main-wrapper .work-content .service-item-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start;gap:.4rem;box-sizing:border-box;width:100%;max-width:100%;min-width:0}.case-study-layout .work-content>.project-role-badges,.case-study-layout .work-content>.service-item-wrapper,.main-wrapper .work-content>.project-role-badges,.main-wrapper .work-content>.service-item-wrapper{margin-top:-2.4rem;margin-bottom:0}.case-study-layout .work-content>.project-tech-badges-react-root,.main-wrapper .work-content>.project-tech-badges-react-root{margin-top:-2.6rem;margin-bottom:.85rem}.case-study-layout .project-tech-badges,.main-wrapper .work-content .project-tech-badges{margin-top:0;margin-bottom:0}.main-wrapper .work-content .service-item-wrapper .servcies-item,.main-wrapper .work-content .service-item-wrapper>.animation-left-0-3{display:contents}.main-wrapper .work-content .service-item-wrapper .divider{display:none}.case-study-layout .project-role-badge,.case-study-layout .project-tech-badge,.main-wrapper .work-content .project-role-badge,.main-wrapper .work-content .project-tech-badge,.main-wrapper .work-content .service-item-wrapper>*{flex:0 1 auto;width:auto;max-width:100%;min-width:0;box-sizing:border-box}.case-study-layout .project-role-badge,.main-wrapper .work-content .project-role-badge,.main-wrapper .work-content .service-item-wrapper .servcies-item .mono-text{display:inline-block;margin:0;font-family:Inter Tight,Inter,sans-serif;font-size:.8125rem;font-weight:500;letter-spacing:0;text-transform:none;color:#fdfdfd;background:#000;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:.32rem .72rem;line-height:1.2;white-space:normal;overflow-wrap:break-word;word-break:normal}.case-study-layout .project-tech-badge,.main-wrapper .work-content .project-tech-badge,.project-tech-badge{display:inline-block;margin:0;font-family:Inter Tight,Inter,sans-serif;font-size:.8125rem;font-weight:400;letter-spacing:0;text-transform:none;color:rgba(253,253,253,.55);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.32rem .72rem;line-height:1.2;white-space:normal;overflow-wrap:break-word;word-break:normal}@keyframes badge-reveal{0%{opacity:0;transform:translateY(.4rem)}to{opacity:1;transform:none}}.case-study-layout .project-role-badge,.case-study-layout .project-tech-badge,.main-wrapper .project-role-badge,.main-wrapper .project-tech-badge{opacity:0}.case-study-layout .project-role-badges.is-in .project-role-badge,.case-study-layout .project-tech-badges.is-in .project-tech-badge,.main-wrapper .project-role-badges.is-in .project-role-badge,.main-wrapper .project-tech-badges.is-in .project-tech-badge{animation:badge-reveal .22s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--badge-i, 0) * 55ms)}@media (prefers-reduced-motion:reduce){.case-study-layout .project-role-badge,.case-study-layout .project-tech-badge,.main-wrapper .project-role-badge,.main-wrapper .project-tech-badge{opacity:1;transform:none;animation:none}}.main-wrapper .work-content .project-year-line{display:flex;flex-flow:row wrap;align-items:center;gap:.45rem;text-transform:none}.main-wrapper .work-content .project-wip-pill{display:inline-block;margin:0;font-family:PT Mono,monospace;font-size:.6875rem;font-weight:500;letter-spacing:.01em;line-height:1.2;text-transform:none;color:#1e40af;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:9999px;padding:.08rem .42rem;white-space:nowrap}.main-wrapper .work-content .animation-left-0-2{text-align:left;flex-flow:column;align-items:stretch}.case-study-layout .project-overview-wrapper-copy,.main-wrapper .work-content .project-overview-wrapper-copy{display:flex;flex-direction:column;align-items:stretch;gap:.85rem;text-align:left}.case-study-layout .project-overview-wrapper-copy>.mono-text,.case-study-layout .project-section-title,.main-wrapper .left-column .case-study-frame-caption .project-section-title,.main-wrapper .work-content .project-overview-wrapper-copy>.mono-text,.main-wrapper .work-content .project-section-title{text-transform:none;text-align:left;align-self:stretch;font-family:Inter Tight,Inter,sans-serif;font-size:1.125rem;font-weight:600;letter-spacing:.01em;line-height:1.3;color:#fdfdfd;-webkit-text-stroke-color:transparent;padding-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.14)}@media screen and (max-width:767px){.case-study-layout .project-overview-wrapper-copy>.mono-text,.case-study-layout .project-section-title,.main-wrapper .left-column .case-study-frame-caption .project-section-title,.main-wrapper .work-content .project-overview-wrapper-copy>.mono-text,.main-wrapper .work-content .project-section-title{font-size:1.75rem;line-height:1.2}}.case-study-frame-caption .medium-text,.case-study-layout .list-2 .medium-text-bullet,.case-study-layout .medium-text,.case-study-layout .medium-text-bullet,.case-study-layout .medium-text-bullet.neutral-light,.case-study-layout .medium-text.neutral-light,.main-wrapper .left-column .case-study-frame-caption .medium-text,.main-wrapper .work-content .list-2 .medium-text-bullet,.main-wrapper .work-content .medium-text,.main-wrapper .work-content .medium-text-bullet,.main-wrapper .work-content .medium-text-bullet.neutral-light,.main-wrapper .work-content .medium-text.neutral-light{font-family:Inter Tight,Inter,sans-serif;font-size:1.0625rem;font-weight:400;line-height:1.6;letter-spacing:0;text-align:left;text-transform:none;-webkit-text-stroke-color:transparent;padding-bottom:0}.case-study-layout .list-2>li,.main-wrapper .work-content .list-2>li{padding-bottom:.7rem}.case-study-layout .medium-text-bullet.neutral-light,.case-study-layout .medium-text.neutral-light,.main-wrapper .left-column .case-study-frame-caption .medium-text.neutral-light,.main-wrapper .work-content .medium-text-bullet.neutral-light,.main-wrapper .work-content .medium-text.neutral-light{color:var(--text-color--neutral-light)}.main-wrapper .left-column .case-study-frame-caption{margin-top:.75rem;padding-bottom:.5rem}.main-wrapper .work-content .project-stats-react-root{width:100%;margin-top:.35rem;margin-bottom:-1.7rem}.case-study-outcome-stats .project-stat-row,.main-wrapper .work-content .project-stat-row,.project-stats-react-root .project-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:1.15rem;column-gap:1.15rem;row-gap:0;padding:0;justify-content:start;justify-items:stretch;align-items:start;width:100%}.case-study-outcome-stats .project-stat-card,.main-wrapper .work-content .project-stat-card,.project-stats-react-root .project-stat-card{display:flex;flex-direction:column;align-items:flex-start;width:100%;overflow:visible}.case-study-outcome-stats .project-stat-copy,.main-wrapper .work-content .project-stat-copy,.project-stats-react-root .project-stat-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.18rem}@media screen and (min-width:768px){.case-study-layout .project-stat-hero-overlay{padding-left:0;padding-right:0}.case-study-layout .project-stat-hero-overlay .project-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));-moz-column-gap:1.15rem;column-gap:1.15rem;padding:0;width:100%}.case-study-layout .project-stat-hero-overlay .project-stat-card{display:flex;flex-direction:column;align-items:flex-start;flex:none;width:100%;overflow:visible}.case-study-layout .project-stat-hero-overlay .project-stat-copy{display:flex;flex-direction:column;align-items:flex-start;gap:.18rem}}.sos-contact-hp{position:absolute;left:-9999px;height:0;overflow:hidden}.main-wrapper .sos-contact-form-grid>.item-block:has(.form-block){grid-area:auto;grid-column:1/-1;justify-self:center;width:min(100%,58%)}@media screen and (max-width:991px){.main-wrapper .sos-contact-form-grid>.item-block:has(.form-block){width:100%}}.main-wrapper .form-block.sos-contact--success #sos-contact-form,.main-wrapper .form-block.sos-contact--success #wf-form-Contact-Form{display:none}.main-wrapper .form-block.sos-contact--error .w-form-fail,.main-wrapper .form-block.sos-contact--success .w-form-done{display:block}.main-wrapper .form-block.sos-contact--sending .form-submit-button{opacity:.6;cursor:wait}.hero-image.case-first-frame-hero{-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;background:#0c0c0d}.hero-image.case-cover-hero,.hero-image.case-cover-hero[src*=cake-point-of-sale-terminal-cover]{-o-object-position:center;object-position:center}.case-first-frame-image{background:#0c0c0d}.hero-image-wrapper.case-first-frame-video,.work-image-wrapper.case-first-frame-video{position:relative;isolation:isolate}.case-film{position:relative;container-type:inline-size;container-name:case-film}.case-film-note{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:clamp(1.6rem,4cqi,2.4rem) 1.25rem .7rem;background:linear-gradient(0deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.55) 48%,rgba(0,0,0,0));color:#fdfdfd;font-family:Inter Tight,Inter,sans-serif;font-size:clamp(.75rem,1.15cqi,.9375rem);font-weight:600;line-height:1.3;letter-spacing:-.015em;text-align:center;text-wrap:balance;pointer-events:none}@container case-film (max-width: 56rem){.case-film-note{position:static;padding:.85rem 0 0;background:none;font-size:clamp(.9375rem,2.2cqi,1.0625rem)}}.case-video-placeholder{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;pointer-events:none}.case-video-placeholder__mark{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.65rem 1.05rem;background:rgba(12,12,13,.62);border:1px solid rgba(255,255,255,.18)}.case-video-placeholder__label,.case-video-placeholder__soon{color:#fff;text-align:center}.case-video-placeholder__soon{font-size:.95rem;letter-spacing:.02em;opacity:.86}.case-study-decision{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.case-study-decision+.case-study-decision{padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)}.case-packet>.animation-left-0-2+.animation-left-0-2{margin-top:2.25rem}.case-packet .project-overview-wrapper-copy{display:flex;flex-direction:column;gap:.85rem}.case-packet-share .work-image-wrapper{margin-top:.35rem;aspect-ratio:16/9;width:100%}.case-packet-share .work-image,.case-packet-share .work-image-mobile{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;background:#0c0c0d}@media screen and (min-width:992px){.hero-section-wrapper ._12-column-grid>.item-block{grid-area:1/1/2/13}.hero-section-wrapper ._12-column-grid>.project-info-block{grid-area:2/1/3/13}.sticky-grid>.desktop-version{grid-area:1/1/2/9}.sticky-grid>.right-column{grid-area:1/9/2/13}}@media screen and (max-width:991px) and (min-width:768px){.sticky-grid>.desktop-version{grid-area:1/1/2/6}.sticky-grid>.right-column{grid-area:1/6/3/9}}.sticky-grid>.desktop-version,.sticky-grid>.desktop-version>.left-column{width:100%;min-width:0}.main-wrapper .container.footer{padding:0;margin:0;max-width:none;width:100%}.main-wrapper .footer-content-wrapper{gap:0}.main-wrapper .footer-content-wrapper>.animation-up-0-2:empty{display:none}.main-wrapper .top-footer-bar{padding-bottom:0}.main-wrapper .bottom-footer-bar{padding-bottom:.75rem}@media screen and (min-width:769px){.container.footer .top-footer-bar ._12-column-grid>.footer-logo-wrapper{grid-area:1/1/2/3}.container.footer .top-footer-bar ._12-column-grid>.item-block{grid-area:1/-3/2/-1}.container.footer .bottom-footer-bar ._12-column-grid>.footer-block:first-child{grid-area:1/1/2/7}.container.footer .bottom-footer-bar ._12-column-grid>.footer-block:last-child{grid-area:1/7/2/-1;justify-self:end}}@media screen and (max-width:768px){.container.footer,.container.footer ._12-column-grid,.container.footer .bottom-footer-bar,.container.footer .footer-content-wrapper,.container.footer .top-footer-bar{max-width:100%;min-width:0}.container.footer .bottom-footer-bar ._12-column-grid>.footer-block:first-child,.container.footer .bottom-footer-bar ._12-column-grid>.footer-block:last-child,.container.footer .top-footer-bar ._12-column-grid>.footer-logo-wrapper,.container.footer .top-footer-bar ._12-column-grid>.item-block{grid-area:auto;grid-column:1/-1;justify-self:start;min-width:0;max-width:100%}.main-wrapper .container.footer .bottom-footer-bar>._12-column-grid{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.75rem}.main-wrapper .container.footer .bottom-footer-bar>._12-column-grid>.footer-block:first-child,.main-wrapper .container.footer .bottom-footer-bar>._12-column-grid>.footer-block:last-child{grid-column:auto;flex:0 1 auto;flex-flow:row nowrap;align-items:center;justify-content:flex-start;width:auto;max-width:none;gap:.65rem}.main-wrapper .container.footer .bottom-footer-bar>._12-column-grid>.footer-block:last-child{margin-left:auto}.main-wrapper .container.footer .bottom-footer-bar>._12-column-grid>.footer-block:first-child>.mono-text{display:none}}@media screen and (max-width:767px){.container.footer .footer-list-wrapper>.margin-bottom.extra-small{display:none}}.container.footer .underline{display:none}.main-wrapper .left-column .work-image-wrapper:not(.case-carousel__frame),.work-image-wrapper.case-carousel__frame,.work-image-wrapper.case-frame-product{aspect-ratio:auto;height:auto}.main-wrapper .left-column .work-image-wrapper:not(.case-carousel__frame) .work-image,.main-wrapper .left-column .work-image-wrapper:not(.case-carousel__frame) .work-image-mobile{display:block;width:100%;height:auto;-o-object-fit:contain;object-fit:contain}@media screen and (max-width:767px){.main-wrapper section.section.works>.container{padding:0 0 4rem}.main-wrapper section.section.works>.container:has(+.container-thumbs:not(.footer)){padding-left:1rem;padding-right:1rem}.main-wrapper section.section.works .left-column{margin-bottom:0;width:100%}.main-wrapper section.section.works .right-column .work-content{padding:4rem 1rem 0}.main-wrapper section.section.works .case-film-note,.main-wrapper section.section.works .case-study-frame-caption{margin-left:1rem;margin-right:1rem}}.work-image-wrapper.case-carousel__frame{aspect-ratio:1897/955;overflow:hidden}.case-carousel__slide .work-image,.case-carousel__slide .work-image-mobile,.case-frame-product .work-image,.case-frame-product .work-image-mobile{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;display:block}.work-image-wrapper.case-frame-portrait{aspect-ratio:auto;width:100%;height:auto;max-height:78vh;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#000}.case-frame-portrait .work-image,.case-frame-portrait .work-image-mobile{width:auto;max-width:100%;height:auto;max-height:78vh;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center;display:block;margin-inline:auto}.case-carousel{display:flex;flex-direction:column;gap:.65rem;width:100%}.case-carousel__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}.case-carousel__track::-webkit-scrollbar{display:none}.case-carousel__track:focus-visible{outline:1px solid rgba(255,255,255,.35);outline-offset:2px}.case-carousel__slide{flex:0 0 100%;min-width:100%;margin:0;scroll-snap-align:start}.case-carousel__chrome{display:flex;align-items:center;gap:.45rem;min-width:0}.case-carousel__btn{width:2rem;height:2rem;padding:0;border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer}.case-carousel__btn:focus-visible{outline:1px solid rgba(255,255,255,.55);outline-offset:2px}.case-carousel__status{color:rgba(255,255,255,.72);letter-spacing:.04em}.case-carousel__dots{display:flex;flex-wrap:wrap;gap:.28rem;margin-left:auto;max-width:60%}.case-carousel__dot{width:.45rem;height:.45rem;padding:0;border:1px solid rgba(255,255,255,.38);background:transparent;border-radius:999px;cursor:pointer}.case-carousel__dot.is-active{background:#fff}.case-carousel__dot:focus-visible{outline:1px solid rgba(255,255,255,.55);outline-offset:2px}