@font-face{font-family:barlow;src:url(../media/barlow_light-s.1vhg5198ey0pj.ttf)format("truetype");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:barlow;src:url(../media/barlow_regular-s.3ifw2g91rvfh2.ttf)format("truetype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:barlow;src:url(../media/barlow_medium-s.01mzhfmko_xf1.ttf)format("truetype");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:barlow;src:url(../media/barlow_bold-s.0_md4b852h6k9.ttf)format("truetype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:barlow Fallback;src:local(Arial);ascent-override:103.13%;descent-override:20.63%;line-gap-override:0.0%;size-adjust:96.96%}._8_aoAG_className{font-family:barlow,barlow Fallback}._8_aoAG_variable{--font-eva-barlow:"barlow", "barlow Fallback"}
.case-next{background:var(--surface-main);text-align:center;width:100%;min-width:0;max-width:900px;padding-block:60px}.case-next-message{color:var(--text-primary);font-family:var(--font-dm-sans), sans-serif;margin:0;font-weight:500;line-height:1.2}.case-next-desktop{display:none}.case-next-compact{justify-content:center;align-items:center;min-height:38px;font-size:24px;display:flex}.case-next-compact-visual{text-align:left;display:inline-grid}.case-next-reserved{visibility:hidden;grid-area:1/1}.case-next-typed{grid-area:1/1}.case-next-preview{pointer-events:none;display:none}.case-next[data-typing] .footer-cursor{visibility:visible;animation:1s step-end infinite footer-cursor-blink}.case-next[data-typing-paused] .footer-cursor{animation-play-state:paused}@media (min-width:1024px){.case-next-desktop{justify-content:center;align-items:center;gap:8px;font-size:32px;display:flex}.case-next-compact{display:none}.case-next-link{text-align:left;font-family:var(--font-caveat), cursive;color:var(--secondary-deep);-webkit-user-select:none;user-select:none;font-size:48px;font-weight:400;line-height:1.2;display:inline-grid;position:relative}.case-next-full{visibility:hidden;grid-area:1/1}.case-next-full .footer-cursor-space{visibility:hidden}.case-next-link:after{content:"";transform-origin:0;background:currentColor;border-radius:2px;height:2px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:5px;left:0;right:.35em;transform:scaleX(0)}.case-next-link:is(:hover,:focus-visible):after{transform:scaleX(1)}.case-next-link:is(:hover,:focus-visible) .case-next-full{visibility:visible}.case-next-link:is(:hover,:focus-visible) .case-next-typed,.case-next-link:is(:hover,:focus-visible) .case-next-typed .footer-cursor{visibility:hidden}.case-next-preview{z-index:100;border:1px solid var(--surface-white);opacity:0;visibility:hidden;border-radius:4px;width:140px;height:70px;transition:opacity .18s ease-out,visibility .18s;display:block;position:fixed;top:0;left:0;overflow:hidden;box-shadow:-2px 2px 18.9px #00000026}.case-next-preview[data-visible]{opacity:1;visibility:visible}.case-next-preview img{object-fit:cover}}@media (max-width:767px){.case-next-compact{min-height:29px}}@media (prefers-reduced-motion:reduce){.case-next-link:after,.case-next-preview{transition:none}}
.back-to-top{--back-top-size:48px;--back-top-inset:4px;--back-top-icon-size:20px;z-index:20;right:max(40px, env(safe-area-inset-right));bottom:calc(40px + env(safe-area-inset-bottom));width:var(--back-top-size);height:var(--back-top-size);cursor:pointer;touch-action:manipulation;opacity:0;visibility:hidden;pointer-events:none;background:0 0;border:0;border-radius:50%;padding:0;transition:opacity .2s,transform .2s,visibility 0s .2s;position:fixed;transform:scale(.8)}.back-to-top[data-visible]{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:scale(1)}.back-to-top[data-visible]:hover{transform:scale(1.05)}.back-to-top[data-visible]:active{transform:scale(.98)}.back-to-top-disc{inset:var(--back-top-inset);background:var(--surface-white);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute}.back-to-top-disc img{width:var(--back-top-icon-size);height:var(--back-top-icon-size);display:block}.back-to-top-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.back-to-top-ring circle{stroke:var(--back-top-colour,var(--accent-base));stroke-dashoffset:var(--back-top-offset,1);transition:stroke-dashoffset .1s linear,stroke .1s linear}@media (max-width:1023px){.back-to-top{right:max(24px, env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom))}}@media (max-width:767px){.back-to-top{--back-top-size:32px;--back-top-inset:3px;--back-top-icon-size:16px}}@media (max-width:479px){.back-to-top{right:max(16px, env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.back-to-top,.back-to-top[data-visible]:hover,.back-to-top[data-visible]:active{transition:none;transform:none}.back-to-top-ring circle{transition:none}}
@font-face{font-family:Inter Back Trigger;src:url(/fonts/inter-back-trigger-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}.case-back-button{--case-back-ease:linear(0, .06856, .19593, .32643, .44292, .54184, .62413, .69198, .74771, .79341, .83084, .8615, .8866, .90716, .92399, .93777, .94905, .95828, .96585, .97204, .97711, .98126, .98465, .98744, .98971, .99158, .9931, .99435, .99538, .99622, 1);z-index:30;top:calc(24px + env(safe-area-inset-top));left:max(var(--page-padding), calc((100% - 900px) / 2), env(safe-area-inset-left));background:color-mix(in srgb, var(--surface-main) 80%, transparent);-webkit-backdrop-filter:blur(12px)saturate(120%);backdrop-filter:blur(12px)saturate(120%);height:40px;color:var(--text-primary);white-space:nowrap;cursor:pointer;opacity:1;transition:opacity .6s var(--case-back-ease), color .6s var(--case-back-ease);border:0;border-radius:1000px;justify-content:center;align-items:center;gap:0;padding:8px 18px 8px 8px;font-family:Inter Back Trigger,sans-serif;font-size:16px;font-weight:500;line-height:1;display:inline-flex;position:fixed}.case-back-icon{width:24px;height:24px;transition:transform .6s var(--case-back-ease);flex:none;place-items:center;display:grid}.case-back-chevron{background:currentColor;width:20px;height:20px;-webkit-mask:url(/effects/back-trigger-chevron.svg) 50%/contain no-repeat;mask:url(/effects/back-trigger-chevron.svg) 50%/contain no-repeat}.case-back-button:focus-visible{opacity:.8;color:var(--accent-base)}.case-back-button:focus-visible .case-back-icon{transform:translate(-1px)}@media (hover:hover){.case-back-button:hover{opacity:.8;color:var(--accent-base)}.case-back-button:hover .case-back-icon{transform:translate(-1px)}}@media (prefers-reduced-motion:reduce){.case-back-button,.case-back-icon{transition:none}}
.case-study{--case-card-radius:16px;--case-page-padding:60px;--case-key-max-width:1200px;--case-section-gap:80px;--case-gallery-gap:16px;--case-secondary-deep:#e5a900;--case-product-yellow:#fff7e0;isolation:isolate;align-items:center;gap:var(--case-section-gap);padding:100px var(--case-page-padding) 120px;flex-direction:column;font-size:16px;line-height:24px;display:flex;position:relative}.case-key-photo{width:min(var(--case-key-max-width), calc(100% + 2 * var(--case-page-padding) - 2 * var(--page-padding)));aspect-ratio:2;flex:none;margin:0;position:relative}.case-key-photo-frame{width:min(var(--case-key-max-width), calc(100% - 2 * var(--page-padding)));aspect-ratio:2;border-radius:var(--case-card-radius,16px);position:fixed;top:100px;left:50%;overflow:hidden;transform:translate(-50%)}.case-key-photo-frame>img{object-fit:cover}@media (min-width:768px){.case-study{--case-key-max-width:900px}}.case-reading-surface{z-index:1;align-items:center;gap:var(--case-section-gap);width:calc(100% + 2 * var(--case-page-padding));padding-inline:var(--case-page-padding);background:var(--surface-main);flex-direction:column;display:flex;position:relative}.case-reading-surface:before{content:"";pointer-events:none;background:linear-gradient(to bottom, #f6f5f000, #f6f5f0a6 55%, var(--surface-main));position:absolute;inset:calc(-1*clamp(100px,18vw,200px)) 0 100%}.eva-case .case-reading-surface{margin-top:20px}@media (prefers-reduced-motion:reduce){.case-key-photo-frame{width:100%;position:absolute;inset:0;transform:none}}.case-top-gradient{z-index:-1;background:linear-gradient(90deg, #dce9ff, var(--case-product-yellow) 50%, #f3fdd8);pointer-events:none;height:350px;position:absolute;inset:0 0 auto}.case-top-gradient:after{content:"";background:linear-gradient(0deg, var(--surface-main), transparent);position:absolute;inset:50px 0 0}.case-title,.case-content{width:100%;min-width:0;max-width:900px}.case-title{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.case-title>img{object-fit:cover;flex:none;width:161px;height:48px}.case-title h1{font-size:48px;font-weight:500;line-height:1.2}.case-copy-compact{display:none}.case-meta,.case-meta-group,.case-meta-company{justify-content:center;align-items:center;gap:8px;display:flex}.case-meta{flex-wrap:wrap;font-size:15px;line-height:23px}.case-meta-group,.case-meta-company{white-space:nowrap}.case-meta .shipped{font-size:inherit;line-height:inherit}.case-type{background:var(--accent-soft);border-radius:4px;padding-inline:8px}.case-meta-dot{background:var(--text-primary);border-radius:50%;flex:0 0 4px;width:4px;height:4px}.case-content{gap:var(--case-section-gap);flex-direction:column;display:flex}.case-content section{min-width:0}.case-section-heading{align-items:center;gap:16px;width:100%;display:flex}.case-section-heading h2{border:1px solid var(--surface-soft);border-radius:24px;flex:none;padding:5px 16px 4px;font-size:14px;font-weight:400;line-height:21px}.case-rule{flex:1 1 0;min-width:0;height:1px;display:flex;overflow:hidden}.case-rule img{flex:none;max-width:none;display:block}.case-intro{flex-direction:column;gap:32px;display:flex}.case-intro-copy{flex-direction:column;gap:24px;display:flex}.case-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;display:grid}.case-detail{border:1px solid var(--surface-soft);border-radius:var(--case-card-radius,16px);flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:16px;display:flex}.case-detail dt{color:var(--accent-base);font-size:16px;font-weight:700;line-height:19px}.case-detail dd{margin:0;font-size:15px;line-height:23px}.case-goals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.case-goal{border:1px solid var(--surface-soft);border-radius:var(--case-card-radius,16px);background:var(--accent-soft);flex-direction:column;gap:32px;padding:24px;display:flex}.case-goal+.case-goal{background:var(--case-product-yellow)}.case-goal-icon{background:var(--surface-white);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.case-goal-icon img{flex:none;max-width:none;display:block}.case-screens,.case-key-points{flex-direction:column;gap:48px;display:flex}.case-screen-grid{gap:var(--case-gallery-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-screen{aspect-ratio:1;border-radius:var(--case-card-radius,16px);position:relative;overflow:hidden}.case-screen-cover{aspect-ratio:16/9;grid-column:1/-1}.case-screen img,.case-wide-media img,.case-search-media img{object-fit:cover}.case-point{flex-direction:column;gap:32px;padding-block:16px;display:flex}.case-point-title{flex-direction:column;gap:8px;display:flex}.case-eyebrow{color:var(--case-secondary-deep);font-size:14px;font-weight:700;line-height:21px}.case-point-title h3{font-size:32px;font-weight:500;line-height:1.2}.case-mainpage-media{flex-direction:column;gap:16px;display:flex}.case-wide-media{aspect-ratio:16/9;border-radius:var(--case-card-radius,16px);width:100%;display:block;position:relative;overflow:hidden}.case-demo-video{object-fit:contain;background:#e6eaed}.case-video-placeholder{background:#e9e9e9}.case-search-media{border-radius:var(--case-card-radius,16px);background:#e9e9e9;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid;overflow:hidden}.case-search-media figure{aspect-ratio:449/450;min-width:0;position:relative}.case-search-media>.case-demo-video{aspect-ratio:630/632;border-radius:0;min-width:0}.case-design-system{flex-direction:column;align-items:flex-start;gap:32px;display:flex}.case-foundation{flex-direction:column;align-items:flex-start;gap:16px;width:100%;min-width:0;padding-block:16px;display:flex}.case-type-sample{border:1px solid var(--surface-soft);border-radius:var(--case-card-radius,16px);background:var(--surface-white);white-space:nowrap;flex-direction:column;align-items:center;gap:4px;padding:24px;display:flex}.case-type-sample>span{font-family:var(--font-case-manrope), sans-serif;font-size:48px;font-weight:700;line-height:72px}.case-type-sample>p{font-family:var(--font-case-noto-label), sans-serif;color:var(--text-secondary);font-size:14px;line-height:21px}.case-colour-carousel{width:100%;min-width:0;position:relative}.case-palettes{scrollbar-width:none;width:100%;max-width:100%;position:relative;overflow-x:auto}.case-palettes::-webkit-scrollbar{display:none}.case-colour-track{width:max-content;display:flex}.case-colour-group{flex:none;gap:16px;padding-right:16px;display:flex}.case-colour-group[aria-hidden=true]{display:none}.case-colour-carousel[data-carousel-ready] .case-colour-group[aria-hidden=true]{display:flex}.case-colour-carousel[data-carousel-ready] .case-colour-track{animation:case-colour-loop var(--case-colour-duration,40s) linear infinite;animation-play-state:paused}.case-colour-carousel[data-carousel-active] .case-colour-track{animation-play-state:running}.case-colour-carousel .case-palettes:focus-within .case-colour-track{animation:none}.case-colour-carousel .case-palettes:focus-within .case-colour-group[aria-hidden=true]{display:none}@keyframes case-colour-loop{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}@media (prefers-reduced-motion:reduce){.case-colour-carousel[data-carousel-ready] .case-colour-track{animation:none}.case-colour-carousel[data-carousel-ready] .case-colour-group[aria-hidden=true]{display:none}}.case-palette{background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:column;flex:none;gap:8px;padding:8px 12px;display:flex}.case-palette h4{margin:0;font-size:14px;font-weight:400;line-height:21px}.case-palette ul{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.case-palette li{border-radius:4px;flex:none;width:32px;height:32px}.case-swatch-bordered{border:1px solid var(--surface-soft)}@media (min-width:768px) and (max-width:1023px){.case-study{--case-page-padding:40px}.case-copy-desktop{display:none}.case-copy-compact{display:inline}}@media (max-width:767px){.case-study{--case-card-radius:12px;--case-page-padding:24px;--case-section-gap:60px;--case-gallery-gap:8px}.case-top-gradient{height:200px}.case-title h1{font-size:32px}.case-copy-desktop{display:none}.case-copy-compact{display:inline}.case-details{grid-template-columns:repeat(2,minmax(0,1fr))}.case-goals{grid-template-columns:minmax(0,1fr)}.case-screens,.case-key-points{gap:32px}.case-mainpage-media{gap:8px}.case-design-system{gap:24px}.case-type-sample{padding:16px}.case-type-sample>span{font-size:32px;line-height:48px}.case-type-sample>p{font-family:var(--font-case-manrope), sans-serif}.case-colour-group{gap:8px;padding-right:8px}}@media (max-width:479px){.case-study{--case-page-padding:16px}}