/* Flow height follows content, including the updated client results. */
.framer-AMl6A .framer-1uiijh5{height:auto;justify-content:flex-start;min-height:0}
.framer-AMl6A #work-components{height:auto;grid-template-rows:none;grid-auto-rows:minmax(200px,auto);align-items:stretch}
#work-components [class$="-container"]{height:100%!important;min-height:0}
#work-components .framer-ga1gp{height:100%!important;min-height:200px;cursor:default}
#work-components .framer-1w3wv2z{height:100%;min-height:200px;overflow:visible}
#work-components .framer-14lvi7b{width:100%}
#main [id]{scroll-margin-top:100px}
.first-case-controls{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 24px;gap:16px}
.first-case-actions{display:flex;gap:8px;align-items:center}.first-case-controls button{min-width:44px;min-height:44px;padding:10px 16px;border:1px solid #d9d9f7;border-radius:24px;background:#fff;color:#5254bc;font:inherit;cursor:pointer}
.first-case-controls button:disabled{opacity:.35;cursor:default}.first-case-controls button:focus-visible,.first-case-desktop:focus-visible{outline:3px solid #6666e7;outline-offset:3px}
.first-case-progress,.first-case-prev,.first-case-next{display:none}.first-case-controls{justify-content:flex-end}
.first-logo-strip{width:max-content!important;max-width:none!important;animation:first-logo-scroll 70s linear infinite;will-change:transform!important}
.first-logo-strip[data-direction="reverse"]{animation-direction:reverse}.first-logo-strip>li{flex:none}
@keyframes first-logo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.first-motion-paused :is(.first-logo-strip,.first-case-track){animation-play-state:paused}
@media(hover:hover){.first-logo-strip:hover{animation-play-state:paused}}
/* Retain the original balloons with cheap compositor-only motion. */
#hero .framer-1n3b8e1,#hero .framer-84ctyk{animation:first-float 6s ease-in-out infinite;touch-action:pan-y!important;cursor:default}
#hero .framer-84ctyk{animation-delay:-3s}
@keyframes first-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.first-motion-paused #hero :is(.framer-1n3b8e1,.framer-84ctyk){animation-play-state:paused}
@media(max-width:809.98px){
 .framer-Cg3rj .framer-7puyp-container{position:absolute!important;top:13px!important}
 #main [id]{scroll-margin-top:20px}
 .framer-AMl6A .framer-153snmd{height:auto;min-height:740px;min-height:min(90svh,800px);padding:200px 24px 220px}
 .framer-AMl6A #hero .framer-4g1fhi{width:100%}
 .framer-AMl6A #hero .framer-1qt1asx{max-width:100%;flex-wrap:wrap}
 #main #hero h1{font-size:clamp(30px,8.9vw,44px)!important}
 #main #hero .framer-1nennr9 p{font-size:clamp(11px,3.1vw,14px)!important;white-space:normal}
 .framer-AMl6A .framer-1y0nvsq{padding:48px 0 56px}
 .framer-AMl6A #work-components{display:flex;flex-direction:column;gap:12px}
 #work-components [class$="-container"]{height:auto!important}
 #work-components .framer-ga1gp,#work-components .framer-1w3wv2z{height:auto!important;min-height:0}
 #work-components .framer-1w3wv2z{padding:28px 24px}
 #work-components .framer-3v92xi{display:none}
 .framer-AMl6A #casestudies{gap:12px;padding:20px 0 24px;overflow:visible}
 .first-case-desktop{display:block;overflow-x:auto;overflow-y:hidden;height:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding:0 16px 12px;scrollbar-width:thin;scrollbar-color:#d9d9f7 transparent;touch-action:pan-x pan-y}
 .first-case-track{animation:none;transform:none;will-change:auto;width:max-content}
 .first-case-group{gap:14px;padding:0 16px 0 0}.first-case-group[aria-hidden="true"]{display:none}
 .first-case-desktop .first-updated-card{scroll-snap-align:start;width:min(331px,calc(100vw - 64px));flex-basis:min(331px,calc(100vw - 64px));height:336px}
 .first-case-controls{padding:0 16px;justify-content:space-between;font-family:var(--first-font);color:#5254bc}
 .first-case-progress,.first-case-prev,.first-case-next{display:block}.first-motion-toggle{font-size:13px!important;padding:10px!important}
}
@media(max-width:359px){.first-brand-stage{transform:scale(.85);transform-origin:50% 50%}.first-card-copy{padding-inline:16px}#main .first-card-copy p{font-size:16px!important}.first-navbar-book{gap:4px!important}.first-navbar-content{gap:12px}.first-navbar-brand img{width:76px}.framer-AMl6A #hero{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.first-logo-strip,#hero .framer-1n3b8e1,#hero .framer-84ctyk{animation:none!important}.first-case-controls .first-motion-toggle{display:none}}
/* The original SSR header had a zero-height wrapper until hydration. */
.framer-Cg3rj .framer-1x190k8{height:88px!important;min-height:88px;padding:12px!important;overflow:visible!important}
.framer-Cg3rj .framer-7puyp-container{position:relative!important;inset:auto!important;width:100%!important;height:64px!important}
@media(max-width:809.98px){.framer-Cg3rj .framer-1x190k8{position:absolute!important;top:0!important}}
@keyframes first-logo-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--strip-distance, 3000px)))}}
#main .framer-dbigjr{min-height:44px}
@media(max-width:359px){#main #hero p:not(.framer-dbigjr p){font-size:12px!important}#hero .framer-1qt1asx{padding-inline:10px!important}}
@media(min-width:810px) and (max-height:500px){.framer-AMl6A #hero{min-height:520px;padding-top:90px}}
/* Keep the client-logo rows in the first phone screen. */
@media(max-width:809.98px){
 .framer-AMl6A #hero{height:auto;min-height:min(62svh,500px);padding:104px 20px 68px;gap:18px}
 #hero .framer-84ctyk{inset:auto auto 12px 12px!important;width:80px!important;height:94px!important}
 #hero .framer-1n3b8e1{inset:auto 12px 12px auto!important;width:90px!important;height:90px!important}
 .framer-AMl6A .framer-1088c5k{padding-top:12px;gap:6px}
 .framer-AMl6A .framer-1088c5k>[class$="-container"]{height:60px!important}
}
@media(max-width:809.98px){#hero .framer-bj61xq{inset:0!important;width:100%!important;height:100%!important;transform:none!important;pointer-events:none}}
.framer-AMl6A :is(.framer-1hsrhlm,.framer-1t3r1xq,.framer-4b5bla,.framer-13bcn47,.framer-1buo858){max-width:100%}
@media(max-width:809.98px){.framer-AMl6A :is(.framer-1hsrhlm,.framer-1t3r1xq,.framer-4b5bla){width:100%}}
.framer-AMl6A .framer-1icj8ec{max-width:100%}