html:has(.case-study-shell){height:auto;overflow:visible}html:has(.case-study-shell) body{height:auto;overflow:visible}html:has(.case-study-shell){scroll-behavior:smooth;overflow-y:auto}@media (prefers-reduced-motion:reduce){html:has(.case-study-shell){scroll-behavior:auto}}.case-study-shell{--shell-shadow:0 1.4px 5.6px #1919190a, 0 11.2px 33.6px #19191904;--case-inset:clamp(20px, 5vw, 60px);--portfolio-right-panel-width:360px;--case-panel:0px;background:var(--background);min-height:100dvh;color:var(--foreground);overflow-x:clip}.case-study-shell[data-assistant=open]{--case-panel:var(--portfolio-right-panel-width)}.case-study-topbar{z-index:20;box-sizing:content-box;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;max-width:1152px;height:40px;margin:0 auto;padding:16px 56px 0;display:flex;position:sticky;top:0}.case-study-topbar>*{pointer-events:auto}.case-study-topbar-start{margin-left:var(--case-inset);border-radius:10px;align-items:center;gap:12px;padding:2px 2px 2px 6px;transition:transform .4s cubic-bezier(.4,0,.2,1),background-color .3s ease-out;display:flex;transform:translate(-6px)}.case-study-topbar[data-scrolled] .case-study-topbar-start{background:var(--home-fill);transform:none}.case-study-ask{height:32px;margin-right:calc(var(--case-inset) - 12px);border-radius:var(--radius);color:var(--home-muted);font-size:var(--text-ui);letter-spacing:var(--tracking-ui);white-space:nowrap;cursor:pointer;transition:background-color .2s ease, color .2s ease, transform var(--motion-press) var(--motion-ease-out);align-items:center;gap:8px;padding:0 12px;font-weight:500;line-height:1;display:inline-flex}.case-study-ask:active{transform:scale(.97)}.case-study-topbar-end{align-items:center;gap:4px;display:flex}.case-study-sound{border-radius:var(--radius);width:32px;height:32px;color:var(--home-muted);cursor:pointer;transition:background-color .2s ease, color .2s ease, transform var(--motion-press) var(--motion-ease-out);place-items:center;display:grid}.case-study-sound:active{transform:scale(.97)}.case-study-sound:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.case-study-sound[aria-pressed=true]{color:var(--home-ink)}@media (hover:hover) and (pointer:fine){.case-study-sound:hover{background:var(--home-fill);color:var(--home-ink)}}.case-study-ask:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.case-study-ask[data-open],.case-study-ask:focus-visible{background:var(--home-fill);color:var(--home-ink)}.case-study-ask-label{display:grid}.case-study-ask-label>span{grid-area:1/1;transition:opacity .2s ease-out,translate .2s ease-out,filter .2s ease-out}.case-study-ask-label>span:last-child{opacity:0;filter:blur(2px);translate:0 6px}.case-study-ask[data-open] .case-study-ask-label>span:first-child{opacity:0;filter:blur(2px);translate:0 -6px}.case-study-ask[data-open] .case-study-ask-label>span:last-child{opacity:1;filter:none;translate:0}.case-study-avatar{width:28px;height:28px;transition:transform var(--motion-press) var(--motion-ease-out);border-radius:999px;flex-shrink:0;display:block;overflow:hidden}.case-study-avatar img{object-fit:cover;width:100%;height:100%;display:block}.case-study-avatar:active{transform:scale(.94)}.case-study-topbar-divider{background:var(--home-line);width:1px;height:16px}.case-study-back{border-radius:var(--radius);min-height:36px;color:var(--home-muted);font-size:var(--text-ui);letter-spacing:var(--tracking-ui);transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease;align-items:center;gap:6px;padding:8px 12px;font-weight:500;line-height:20px;display:flex}.case-study-back svg{transition:transform var(--motion-fast) var(--motion-ease-out);flex-shrink:0}.case-study-back:active{transform:scale(.97)}.case-study-ticks{z-index:15;cursor:pointer;padding:12px 24px 12px 12px;position:fixed;top:50%;left:12px;transform:translateY(-50%)}.case-study-ticks ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.case-study-ticks a{align-items:center;width:28px;height:12px;display:flex}.case-study-tick{background:var(--home-ink);opacity:.3;width:12px;height:1.5px;transition:width .15s var(--motion-ease-out), opacity .15s ease;border-radius:1px}.case-study-ticks a[aria-current] .case-study-tick{opacity:1;width:28px}.case-study-tick-card{background:var(--action);max-width:240px;color:var(--action-foreground);pointer-events:none;transition:top .15s var(--motion-ease-out);animation:case-study-card-in var(--motion-fast) var(--motion-ease-out);border-radius:10px;flex-direction:column;gap:2px;margin-top:6px;padding:8px 12px;display:flex;position:absolute;left:56px;transform:translateY(-50%);box-shadow:0 8px 24px -8px #19191959}.case-study-tick-card>span:first-child{font-size:var(--text-ui);font-weight:500;line-height:20px}.case-study-tick-card>span:last-child{color:#fff9;font-size:var(--text-caption);white-space:nowrap;text-overflow:ellipsis;line-height:16px;overflow:hidden}@keyframes case-study-card-in{0%{opacity:0;translate:-4px}}.case-study-contact{z-index:20;bottom:24px;left:calc((100% - var(--case-panel)) / 2);transition:left var(--motion-panel) var(--motion-ease-out);position:fixed;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.case-study-back:hover{background:var(--home-fill);color:var(--home-ink)}.case-study-topbar[data-scrolled] .case-study-back:hover{background:color-mix(in oklab, var(--home-ink) 6%, var(--home-fill))}.case-study-back:hover svg{transform:translate(-2px)}.case-study-ask:hover{background:var(--home-fill);color:var(--home-ink)}.case-study-chip-link:hover{background:color-mix(in oklch, var(--home-fill), var(--foreground) 6%);color:var(--home-ink)}.case-study-chip-link:hover .case-study-chip-icon{transform:scale(1.15)rotate(-8deg)}}.case-study-back:focus-visible,.case-study-avatar:focus-visible,.case-study-ticks a:focus-visible,.case-study-chip-link:focus-visible,.case-study-navigation a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.case-study-main{margin-right:var(--case-panel);transition:margin-right var(--motion-panel) var(--motion-ease-out)}.case-study{box-sizing:content-box;max-width:1152px;margin:0 auto;padding:0 56px 120px}.case-study-header{padding:72px var(--case-inset) 0;scroll-margin-top:24px}.case-study-chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.case-study-chips li,.case-study-chip-link{border-radius:var(--radius);background:var(--home-fill);height:32px;color:var(--home-text);font-size:var(--text-ui);align-items:center;gap:8px;padding:0 12px;font-weight:500;line-height:21px;display:flex}.case-study-chips li:has(>.case-study-chip-link){background:0 0;padding:0}.case-study-chip-link{transition:background-color var(--motion-fast) ease, color var(--motion-fast) ease}.case-study-chip-link:active{transform:scale(.97)}.case-study-chips svg,.case-study-chip-icon{color:var(--home-muted);flex-shrink:0}.case-study-chip-icon{transition:transform .26s var(--motion-ease-out)}.case-study-header h1{max-width:560px;font:400 24px/32px var(--font-radley), serif;letter-spacing:var(--tracking-section);text-wrap:balance;margin:24px 0 0}.case-study-intro{max-width:560px;color:var(--home-text);text-wrap:pretty;margin:8px 0 0;font-size:1rem;line-height:24.8px}.case-study-meta{flex-wrap:wrap;gap:8px 20px;margin:0;padding:24px 0 0;list-style:none;display:flex}.case-study-meta li{color:var(--home-muted);font-size:var(--text-ui);align-items:center;gap:6px;font-weight:500;line-height:21px;display:flex}.like-button{--like:#e5484d;border-radius:var(--radius);color:var(--home-muted);font:inherit;cursor:pointer;transition:color var(--motion-fast) ease;align-items:center;gap:6px;margin:-4px -6px;padding:4px 6px;display:inline-flex}.like-button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.like-button-heart{place-items:center;display:inline-grid;position:relative}.like-button-heart svg{color:var(--home-ink);opacity:.3;transition:scale .2s var(--motion-ease-out), color .2s ease, opacity .2s ease;display:block}.like-button:active .like-button-heart svg{scale:.88}.like-button[aria-pressed=true]{color:var(--home-ink)}.like-button[aria-pressed=true] .like-button-heart svg{color:var(--like);opacity:1;animation:.42s cubic-bezier(.34,1.56,.64,1) like-pop}.like-button-count{font-variant-numeric:tabular-nums;animation:like-count .26s var(--motion-ease-out)}.like-button-burst{pointer-events:none;position:absolute;inset:0}.like-button-ring{border:1.5px solid var(--like);opacity:0;animation:like-ring .5s var(--motion-ease-out);border-radius:50%;position:absolute;inset:-4px}.like-button-spark{background:var(--like);opacity:0;width:4px;height:4px;animation:like-spark .56s var(--motion-ease-out);border-radius:50%;margin:-2px;position:absolute;top:50%;left:50%}@keyframes like-pop{0%{scale:.6}60%{scale:1.22}to{scale:1}}@keyframes like-count{0%{opacity:0;translate:0 4px}}@keyframes like-ring{0%{opacity:.9;scale:.4}to{opacity:0;scale:1.5}}@keyframes like-spark{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-15px)scale(.4)}}@media (hover:hover) and (pointer:fine){.like-button:hover{color:var(--home-ink)}.like-button:hover .like-button-heart svg{opacity:.5;scale:1.1}.like-button[aria-pressed=true]:hover .like-button-heart svg{opacity:1}}@media (prefers-reduced-motion:reduce){.like-button-heart svg,.like-button-count{transition:none;animation:none!important}.like-button-burst{display:none}}.case-study-hero{padding-top:64px}.case-study-figure{border-radius:var(--radius);background:var(--home-fill);position:relative;overflow:hidden}.case-study-figure[data-framed]{padding:clamp(12px,5.2%,60px)}.case-study-figure .case-media{margin:0}.case-study-figure .case-stage{aspect-ratio:1152/670;background:0 0;border-radius:0}.case-study-figure[data-framed] .case-stage{aspect-ratio:1032/600;border-radius:6px}.case-study-figure[data-framed] .case-stage-image{aspect-ratio:var(--media-ratio,1032 / 600)}.case-study-figure .case-stage-body{padding:4% 0 7%}.case-study-figure .case-phone{--phone-w:20cqw}.case-study-figure .case-browser{width:64cqw}.case-study-figure .case-phone-row{gap:6cqw}.case-study-figure .case-phone-row .case-phone{--phone-w:19cqw}.case-study-figure .case-phone-pair{width:46cqw}.case-study-figure .case-phone-pair .case-phone{--phone-w:20cqw}.case-study-figure .case-phone-pair-front{left:7cqw}.case-study-figure .case-responsive-phone{--phone-w:16cqw}.case-study-figure .case-responsive{width:70cqw}.case-study-figure .case-laptop{--laptop-w:70cqw}.case-study-figure .case-responsive[data-laptop]{width:82cqw}.case-study-figure .case-responsive[data-laptop] .case-laptop{--laptop-w:75cqw}.case-study-figure .case-responsive .case-browser{width:100%}.case-study-figure .case-demo{aspect-ratio:var(--demo-ratio,1152 / 670)}.case-study-figure[data-grid]{background:0 0;overflow:visible}.case-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.case-demo-grid-hint{color:var(--muted-foreground);font-size:var(--text-caption);grid-column:1/-1;justify-content:center;align-items:center;gap:4px;margin-bottom:-4px;font-weight:500;line-height:16px;display:flex}.case-demo-grid-hint svg{width:12px;height:12px}.case-demo-tile{border-radius:var(--radius);background:var(--home-fill);position:relative}.case-demo-tile[data-wide]{grid-column:1/-1}:is(.case-demo-tile:has(.la-menu),.case-demo-tile:has(.afk-menu)){z-index:2}.case-demo-tile .case-demo{border-radius:inherit;overflow:visible}@media (max-width:767px){.case-demo-grid{grid-template-columns:minmax(0,1fr)}}.case-study-figure .case-arrow,.case-study-figure .case-control:not(.case-player){background:var(--background)}.case-study-figure .case-tabs-thumb{background:var(--secondary);box-shadow:none}.case-study-expand{z-index:2;color:#0000004d;width:28px;height:28px;transition:color var(--motion-fast) ease, transform var(--motion-press) var(--motion-ease-out);background:0 0;border-radius:6px;place-items:center;display:grid;position:absolute;bottom:6px;right:6px}.case-study-expand svg{transition:transform var(--motion-fast) var(--motion-ease-out)}.case-study-expand:active{transform:scale(.94)}.case-study-expand:focus-visible{outline:2px solid var(--ring);outline-offset:2px}@media (hover:hover) and (pointer:fine){.case-study-expand:hover{color:var(--home-muted)}.case-study-expand:hover svg{transform:scale(1.12)}}.case-study-chapter{scroll-margin-top:24px}.case-study-chapter>.case-study-figure{margin-top:20px}.case-study-copy{max-width:calc(560px + 2 * var(--case-inset));padding:72px var(--case-inset) 20px}.case-study-label{color:var(--home-muted);font-size:var(--text-ui);margin:0;font-weight:500;line-height:21px}.case-study-copy h2,.case-study-copy h3{color:var(--home-ink);letter-spacing:var(--tracking-ui);margin:4px 0 0;font-size:1rem;font-weight:500;line-height:22.4px}.case-study-copy p:not(.case-study-label){color:var(--home-text);text-wrap:pretty;margin:8px 0 0;font-size:1rem;line-height:24.8px}.case-study-copy strong{color:var(--home-ink);font-weight:500}.case-study-pair{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.case-study-pair>div{grid-row:span 2;grid-template-rows:subgrid;display:grid}.case-study-pair .case-study-copy{padding-bottom:40px}.case-study-pair>div:not(:has(.case-study-copy))>.case-study-figure{grid-row:2}.case-study-pair:not(:has(.case-study-copy)){margin-top:20px}.case-study-pair:not(:has(.case-study-copy))>div{grid-row:auto;grid-template-rows:none}.case-study-pair:not(:has(.case-study-copy))>div>.case-study-figure{grid-row:auto}.case-study-lesson{border-left:2px solid var(--home-line);color:var(--body-text,var(--foreground));text-wrap:pretty;gap:4px;padding:2px 0 2px 16px;display:grid;font-size:var(--text-ui)!important;margin-top:24px!important;line-height:22px!important}.case-study-lesson span{color:var(--home-muted);font-size:var(--text-caption);font-weight:500;line-height:16px}.case-study-numbers{padding:0 var(--case-inset);margin:16px 0 64px}.case-study-pair .case-study-figure .case-stage{aspect-ratio:4/3}.case-study-pair .case-study-figure .case-phone{--phone-w:27cqw}.case-study-navigation{padding:128px var(--case-inset) 56px;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.case-study-navigation-link{border:1px solid var(--home-line);border-radius:var(--radius-panel);background:var(--home-fill);min-height:104px;color:var(--home-ink);transition:background-color var(--motion-fast) ease, border-color var(--motion-fast) ease;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;display:flex}.case-study-navigation-link span{gap:6px;min-width:0;display:grid}.case-study-navigation-link small{color:var(--home-muted);font-size:var(--text-caption);font-weight:500;line-height:18px}.case-study-navigation-link strong{letter-spacing:var(--tracking-ui);text-wrap:balance;font-size:clamp(18px,2cqw,24px);font-weight:500;line-height:1.2}.case-study-navigation-link svg{color:var(--home-muted);transition:transform var(--motion-fast) var(--motion-ease-out), color var(--motion-fast) ease;flex:none}.case-study-navigation-previous{text-align:right}.case-study-navigation-next{text-align:left;grid-column:2}@media (hover:hover) and (pointer:fine){.case-study-navigation-link:hover{background:color-mix(in oklab, var(--home-fill) 90%, var(--home-ink));border-color:var(--home-muted)}.case-study-navigation-link:hover svg{color:var(--home-ink)}.case-study-navigation-previous:hover svg{transform:translate(-4px)}.case-study-navigation-next:hover svg{transform:translate(4px)}}@media (max-width:767px){.case-study-shell[data-assistant=open]{--case-panel:0px}.case-study-shell[data-assistant=open] .case-study-contact{display:none}.case-study-topbar{padding:8px 8px 0}.case-study-topbar-start{gap:8px;margin-left:12px}.case-study-ask{margin-right:0}.case-study-ticks{display:none}.case-study{padding:0 8px 104px}.case-study-header{padding:32px 12px 0}.case-study-hero{padding-top:40px}.case-study-copy{padding:48px 12px 16px}.case-study-numbers{padding:0 12px}.case-study-figure .case-stage{aspect-ratio:4/3}.case-study-figure .case-stage:has(.case-phone){aspect-ratio:4/5}.case-study-figure .case-phone{--phone-w:40cqw}.case-study-figure .case-browser{width:76cqw}.case-study-pair{grid-template-columns:1fr}.case-study-pair .case-study-copy{padding-bottom:16px}.case-study-pair .case-study-figure .case-stage{aspect-ratio:4/5}.case-study-pair .case-study-figure .case-phone{--phone-w:40cqw}.case-study-navigation{grid-template-columns:minmax(0,1fr);padding:80px 12px 32px}.case-study-navigation-next{grid-column:auto}}@media (prefers-reduced-motion:reduce){.case-study-ask:active,.case-study-expand:active,.case-study-expand:hover svg,.case-study-back:active,.case-study-back:hover svg,.case-study-navigation-link:hover svg,.case-study-avatar:active,.case-study-chip-link:active,.case-study-chip-link:hover .case-study-chip-icon{transform:none!important}.case-study-main,.case-study-contact,.case-study-tick-card,.case-study-topbar-start{transition:none;animation:none}.case-study-ask-label>span{transition:none;translate:none!important}}.case-study-contact{pointer-events:none;width:min(320px,100vw - 32px)}.case-study-contact .hero-action-slot{pointer-events:auto}