@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}@font-face{font-family:Cabinet Grotesk;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_astro/CabinetGrotesk-Variable.BZl-SSEF.woff2)format("woff2")}@property --color-paper{syntax:"<color>";inherits:true;initial-value:#fff}@property --color-ink{syntax:"<color>";inherits:true;initial-value:#18181a}@property --color-muted{syntax:"<color>";inherits:true;initial-value:#666}@property --color-rule{syntax:"<color>";inherits:true;initial-value:#ddd}@property --color-accent{syntax:"<color>";inherits:true;initial-value:#d03f30}@property --color-accent-strong{syntax:"<color>";inherits:true;initial-value:#d03f30}@property --diagram-accent{syntax:"<color>";inherits:true;initial-value:#9614be}@property --footer-bg{syntax:"<color>";inherits:true;initial-value:#2e2e32}:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-page-x:clamp(1.5rem, 4.5vw, 3.5rem);--space-section:clamp(4.5rem, 10vw, 8rem);--target:2.75rem;--header-h:4.75rem;--target-min:1.5rem;--page-max:72rem;--measure:38rem;--kicker-gap:1.25rem;--text-display:clamp(2.75rem, 6vw, 4.5rem);--text-headline:clamp(2rem, 3vw, 2.75rem);--text-title:clamp(1.5rem, 2vw, 1.75rem);--text-subhead:1.375rem;--text-body:1.125rem;--text-body-sm:1rem;--text-data:.8125rem;--text-metric:clamp(1.75rem, 3vw, 2.5rem);--text-min:0rem;--leading-display:1.05;--leading-title:1.25;--leading-body:1.65;--leading-data:1.4;--tracking-tight:-.03em;--tracking-normal:0;--tracking-caps:.14em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--duration:.48s;--duration-fast:.2s;--ease-standard:ease-in-out;--ease-out:cubic-bezier(.22, 1, .36, 1);--ring-width:2px;--ring-offset:3px;--bp-sm:40rem;--bp-md:48rem;--bp-lg:64rem;color-scheme:light;--color-paper:#fff;--color-ink:#18181a;--color-muted:#666;--color-rule:#ddd;--color-accent:#d03f30;--color-accent-ink:var(--color-paper);--color-accent-strong:var(--color-accent);--color-metric:var(--color-accent);--color-focus:var(--color-ink);--diagram-accent:#9614be;--color-linkedin:#0a66c2;--font-display:"Cabinet Grotesk", "Helvetica Neue", Arial, sans-serif;--font-body:"Cabinet Grotesk", "Helvetica Neue", Arial, sans-serif;--font-data:"Cabinet Grotesk", "Helvetica Neue", Arial, sans-serif;--radius-none:0;--radius-card:1rem;--radius-button:999px;--rule-width:1px;--signature:evidence-strip}@media (width<=40rem){:root{--text-min:.75rem}}@media (prefers-reduced-motion:reduce){:root{--duration:1ms;--duration-fast:1ms}}[data-theme=ericpowell\.design]{--color-paper:#fff;--color-ink:#18181a;--color-muted:#666;--color-rule:#ddd;--color-accent:#d03f30;--color-accent-ink:var(--color-paper);--color-accent-strong:var(--color-accent);--color-metric:var(--color-accent);--color-focus:var(--color-ink);--diagram-accent:#9614be;--color-linkedin:#0a66c2;--footer-bg:#2e2e32;--font-display:"Cabinet Grotesk", "Helvetica Neue", Arial, sans-serif;--font-body:"Cabinet Grotesk", "Helvetica Neue", Arial, sans-serif;--font-data:"Cabinet Grotesk", "Helvetica Neue", Arial, sans-serif;--signature:evidence-strip}[data-theme=ericpowell\.design][data-mode=dark]{--color-paper:#18181a;--color-ink:#fff;--color-muted:#a3a3a3;--color-rule:#3a3a3c;--color-accent:#f54a38;--color-accent-ink:var(--color-paper);--color-accent-strong:var(--color-accent);--color-metric:var(--color-accent);--color-focus:#6e6e6e;--diagram-accent:#c46be0;--color-linkedin:#0a66c2;--footer-bg:#121214}.type-display{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-regular);line-height:var(--leading-display);letter-spacing:var(--tracking-tight)}.type-headline{font-family:var(--font-display);font-size:var(--text-headline);font-weight:var(--weight-semibold);line-height:var(--leading-display);letter-spacing:var(--tracking-tight)}.type-intro{font-family:var(--font-display);font-size:var(--text-headline);font-weight:var(--weight-regular);line-height:var(--leading-title);letter-spacing:var(--tracking-tight)}.type-title{font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-semibold);line-height:var(--leading-title);letter-spacing:var(--tracking-tight)}.type-subhead{font-family:var(--font-display);font-size:var(--text-subhead);font-weight:var(--weight-semibold);line-height:var(--leading-title);letter-spacing:var(--tracking-normal)}.type-label{font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-medium);line-height:var(--leading-title);letter-spacing:var(--tracking-normal)}.type-body{font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-body);letter-spacing:var(--tracking-normal)}.type-supporting{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:var(--weight-regular);line-height:var(--leading-body);letter-spacing:var(--tracking-normal)}.type-caption{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:var(--weight-regular);line-height:var(--leading-body);letter-spacing:var(--tracking-normal);color:var(--color-muted)}.type-ui{font-family:var(--font-data);font-size:var(--text-data);font-weight:var(--weight-regular);line-height:var(--leading-data);letter-spacing:var(--tracking-normal)}.type-kicker{font-family:var(--font-data);font-size:var(--text-data);font-weight:var(--weight-regular);line-height:var(--leading-data);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-feature-settings:"case";color:var(--color-muted)}.type-metric{font-family:var(--font-data);font-size:var(--text-metric);font-weight:var(--weight-semibold);line-height:var(--leading-display);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;color:var(--color-metric)}.type-wordmark{font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-bold);line-height:var(--leading-display);letter-spacing:var(--tracking-tight)}.type-poster{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-display);letter-spacing:var(--tracking-tight)}:where(p,li,dd,dt,figcaption,blockquote){text-wrap:pretty}@media (width>=40.01rem){[data-media=phone]{display:none!important}}@media (width<=40rem){[data-media=wide]{display:none!important}}:root{--button-bg:var(--color-paper);--button-fg:var(--color-ink);--button-border:var(--color-ink);--button-hover-bg:var(--color-ink);--button-hover-fg:var(--color-paper);--button-pad-x:var(--space-6);--button-pad-y:var(--space-3);--link-fg:var(--color-ink);--link-hover-fg:var(--color-accent-strong);--header-gap:var(--space-2);--row-rule:var(--rule-width) solid var(--color-rule);--footer-bg:#2e2e32}.skip-link{left:var(--space-page-x);top:calc(var(--space-4) * -10);z-index:20;position:absolute}.skip-link:focus{top:var(--space-4)}:focus-visible{outline:var(--ring-width) solid var(--color-focus);outline-offset:var(--ring-offset)}a,button,summary,[role=button]{-webkit-tap-highlight-color:transparent}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);font-weight:var(--weight-regular);margin:0}h1,h2,h3,h4{font-weight:var(--weight-regular)}html{scroll-behavior:smooth;scroll-padding-top:6rem}a{color:var(--link-fg);transition:color var(--duration-fast) var(--ease-out)}@media (hover:hover){a:hover{color:var(--link-fg)}}.text-link,:where(p,dd,.prose) a:not(.button):not(.wordmark):not(.study-card__title a),.disclosure>summary>span,.coverage-card__open>span,.study-pager__title,.study-pager__short,.site-footer a{background-image:linear-gradient(var(--color-accent), var(--color-accent)), linear-gradient(currentColor, currentColor);background-position:0 calc(100% - .12em);background-repeat:no-repeat;background-size:0 var(--rule-width), 100% var(--rule-width);transition:background-size var(--duration) var(--ease-out), color var(--duration-fast) var(--ease-out);-webkit-box-decoration-break:clone;box-decoration-break:clone;text-decoration:none}.text-link:focus-visible,.text-link.is-hot,:where(p,dd,.prose) a:not(.button):not(.wordmark):not(.study-card__title a):focus-visible,.disclosure>summary:focus-visible>span,.coverage-card__open:focus-visible>span,.study-pager__link:focus-visible .study-pager__title,.study-pager__link:focus-visible .study-pager__short,.site-footer a:focus-visible{background-size:100% var(--rule-width), 100% var(--rule-width)}@media (hover:hover){.text-link:hover,:where(p,dd,.prose) a:not(.button):not(.wordmark):not(.study-card__title a):hover,.disclosure>summary:hover>span,.coverage-card__open:hover>span,.study-pager__link:hover .study-pager__title,.study-pager__link:hover .study-pager__short,.site-footer a:hover{background-size:100% var(--rule-width), 100% var(--rule-width)}}.site-header{--header-h:4.75rem;justify-content:space-between;align-items:center;gap:var(--space-4);min-height:var(--header-h);padding-inline:max(var(--space-page-x), calc((100% - var(--page-max)) / 2));box-sizing:border-box;border-bottom:var(--row-rule);z-index:10;background:var(--color-paper);flex-wrap:wrap;display:flex;position:sticky;top:0}.wordmark{font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-display);color:var(--color-ink);min-height:var(--target);flex:none;align-items:center;text-decoration:none;display:inline-flex;position:relative}.wordmark__lockup{white-space:nowrap;width:var(--wordmark-e,.62em);padding-block:.28em;display:block;overflow:clip}.wordmark.is-settled .wordmark__lockup{transition:width .56s cubic-bezier(.65,0,.35,1)}@media (prefers-reduced-motion:reduce){.wordmark.is-settled .wordmark__lockup{transition-duration:1ms}}.wordmark.is-named .wordmark__lockup{width:var(--wordmark-full,max-content)}.wordmark__probe{visibility:hidden;pointer-events:none;white-space:nowrap;position:absolute}html.js .site-header{flex-wrap:nowrap}@media (hover:hover){.wordmark:hover{color:var(--color-ink);text-decoration:none}}.header-end{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:nowrap;margin-inline-start:auto;display:flex}@media (width<=48rem){.site-nav{gap:0}.site-nav a{padding-inline:.4rem}.mode-switch{padding-inline-start:var(--space-2)}}.site-nav{gap:var(--space-2);flex-wrap:nowrap;align-items:center;display:flex;position:relative}.nav-indicator{background:var(--color-accent);pointer-events:none;opacity:0;width:0;height:1px;transition:transform var(--duration) var(--ease-out), width var(--duration) var(--ease-out), opacity var(--duration-fast) var(--ease-out);position:absolute;top:0;left:0}html.js .site-nav a{background-image:none}.mode-switch{border-inline-start:var(--row-rule);align-items:center;padding-inline-start:var(--space-4);display:flex}.mode-toggle{--mode-moon:#e6e6ff;--mode-sun:var(--color-accent);--mode-glow:#ffb020;appearance:none;width:var(--target);height:var(--target);color:inherit;background:0 0;border:0;place-items:center;padding:0;display:grid}.mode-toggle__icon{--glyph:1rem;width:var(--glyph);height:var(--glyph);display:block}.mode-toggle__moon,.mode-toggle__sun{will-change:transform, opacity;transition:transform var(--duration) var(--ease-standard), opacity var(--duration) var(--ease-standard);border-radius:999px;position:absolute}.mode-toggle__moon{--size:var(--glyph);box-shadow:inset calc(var(--size) * .33) calc(var(--size) * -.25) 0 0 var(--mode-moon);opacity:1;inset:0;transform:translateY(-2px)}.mode-toggle__sun{--size:calc(var(--glyph) / 1.5);--ray-size:calc(var(--size) * -.4);--offset-orthogonal:calc(var(--size) * .9);--offset-diagonal:calc(var(--size) * .64);inset:calc((var(--glyph) - var(--size)) / 2);box-shadow:inset 0 0 0 var(--size) var(--mode-sun), calc(var(--offset-orthogonal) * -1) 0 0 var(--ray-size) var(--mode-sun), var(--offset-orthogonal) 0 0 var(--ray-size) var(--mode-sun), 0 calc(var(--offset-orthogonal) * -1) 0 var(--ray-size) var(--mode-sun), 0 var(--offset-orthogonal) 0 var(--ray-size) var(--mode-sun), calc(var(--offset-diagonal) * -1) calc(var(--offset-diagonal) * -1) 0 var(--ray-size) var(--mode-sun), var(--offset-diagonal) var(--offset-diagonal) 0 var(--ray-size) var(--mode-sun), calc(var(--offset-diagonal) * -1) var(--offset-diagonal) 0 var(--ray-size) var(--mode-sun), var(--offset-diagonal) calc(var(--offset-diagonal) * -1) 0 var(--ray-size) var(--mode-sun);opacity:0;transform:rotate(-90deg)scale(.3)}html[data-mode=light] .mode-toggle__moon{opacity:0;transform:translateY(0)rotate(60deg)scale(.4)}html[data-mode=light] .mode-toggle__sun{opacity:1;transform:rotate(0)scale(.75)}.mode-toggle{isolation:isolate;position:relative}.mode-toggle__icon{z-index:1;position:relative}.mode-toggle:before,.mode-toggle:after{content:"";pointer-events:none;opacity:0;transition:opacity var(--duration) var(--ease-standard);position:absolute}html[data-mode=light] .mode-toggle:before{background:radial-gradient(circle, rgb(from var(--mode-glow) r g b / .5) 0%, rgb(from var(--mode-glow) r g b / .16) 45%, rgb(from var(--mode-glow) r g b / 0) 70%);z-index:0;width:1.75rem;height:1.75rem;animation:mode-sun-glow 2.4s var(--ease-standard) infinite alternate;border-radius:50%;margin:-.875rem 0 0 -.875rem;inset:50% auto auto 50%}html[data-mode=light] .mode-toggle:focus-visible:before{opacity:1}@media (hover:hover){html[data-mode=light] .mode-toggle:hover:before{opacity:1}}html[data-mode=light] .mode-toggle:focus-visible .mode-toggle__icon{filter:drop-shadow(0 0 3px rgb(from var(--mode-glow) r g b / .6))}@media (hover:hover){html[data-mode=light] .mode-toggle:hover .mode-toggle__icon{filter:drop-shadow(0 0 3px rgb(from var(--mode-glow) r g b / .6))}}@keyframes mode-sun-glow{0%{scale:.85}to{scale:1.15}}html:not([data-mode=light]) .mode-toggle:before,html:not([data-mode=light]) .mode-toggle:after{width:2px;height:2px;color:var(--mode-moon);background:0 0;border-radius:50%;top:50%;left:50%}html:not([data-mode=light]) .mode-toggle:before{box-shadow:-12px -7px,12px 3px 0 -.5px}html:not([data-mode=light]) .mode-toggle:after{box-shadow:8px -12px 0 -.5px,-7px 10px 0 -.5px}html:not([data-mode=light]) .mode-toggle:focus-visible:before{opacity:1;animation:1.8s ease-in-out infinite mode-twinkle}@media (hover:hover){html:not([data-mode=light]) .mode-toggle:hover:before{opacity:1;animation:1.8s ease-in-out infinite mode-twinkle}}html:not([data-mode=light]) .mode-toggle:focus-visible:after{opacity:1;animation:1.8s ease-in-out .9s infinite mode-twinkle}@media (hover:hover){html:not([data-mode=light]) .mode-toggle:hover:after{opacity:1;animation:1.8s ease-in-out .9s infinite mode-twinkle}}@keyframes mode-twinkle{0%,to{opacity:.15}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.mode-toggle:before,.mode-toggle:after,.mode-toggle:focus-visible:before,.mode-toggle:focus-visible:after{animation:none}@media (hover:hover){.mode-toggle:hover:before,.mode-toggle:hover:after{animation:none}}}.site-nav a{box-sizing:border-box;white-space:nowrap;font-family:var(--font-data);font-size:var(--text-data);font-weight:var(--weight-regular);line-height:var(--leading-data);letter-spacing:var(--tracking-normal);color:var(--color-ink);min-height:var(--target);min-width:var(--target-min);padding:var(--space-2) var(--space-3);background-image:linear-gradient(var(--color-accent), var(--color-accent));transition:background-size var(--duration) var(--ease-out), color var(--duration-fast) var(--ease-out);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;align-items:center;text-decoration:none;display:inline-flex}.site-nav a:focus-visible{color:var(--color-ink);background-size:100% 1px;text-decoration:none}@media (hover:hover){.site-nav a:hover{color:var(--color-ink);background-size:100% 1px;text-decoration:none}}.nav-toggle{appearance:none;width:var(--target);height:var(--target);color:var(--color-ink);background:0 0;border:0;place-items:center;padding:0;display:none}.nav-toggle__bars,.nav-toggle__bars:before,.nav-toggle__bars:after{background:currentColor;border-radius:1px;width:1.125rem;height:2px;display:block}.nav-toggle__bars{position:relative}.nav-toggle__bars:before,.nav-toggle__bars:after{content:"";transition:transform var(--duration-fast) var(--ease-out), top var(--duration-fast) var(--ease-out);position:absolute;left:0}.nav-toggle__bars:before{top:-6px}.nav-toggle__bars:after{top:6px}.nav-toggle[aria-expanded=true] .nav-toggle__bars{background:0 0}.nav-toggle[aria-expanded=true] .nav-toggle__bars:before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle__bars:after{top:0;transform:rotate(-45deg)}html.js.nav-menu .nav-toggle{display:grid}html.js.nav-menu .site-nav{display:none}html.js.nav-menu .site-nav[data-open]{justify-content:flex-start;align-items:stretch;gap:var(--space-4);top:var(--header-h);z-index:9;padding:var(--space-8) var(--space-page-x) max(var(--space-8), env(safe-area-inset-bottom));background:var(--color-paper);animation:nav-in var(--duration-fast) var(--ease-out);flex-direction:column;margin:0;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:auto}html.js.nav-menu .site-nav[data-open] a{font-size:var(--text-title);line-height:var(--leading-title);letter-spacing:var(--tracking-tight);width:100%;padding-inline:0}body.nav-open{overflow:hidden}@keyframes nav-in{0%{opacity:0}to{opacity:1}}@media (width<=40rem){.header-end{gap:var(--space-2)}.mode-switch{border:0;padding-inline-start:0}.site-nav a{font-size:var(--text-data);letter-spacing:var(--tracking-normal);padding-inline:.3rem}}.wrap{width:min(var(--page-max), calc(100% - var(--space-page-x) * 2));margin-inline:auto}.section{padding-block:var(--space-section)}.section+.section{padding-top:0}.home-cover{--header-h:4.75rem;z-index:2;box-sizing:border-box;height:calc(100svh - var(--header-h));overflow-anchor:none;background:var(--color-paper);flex-direction:column;justify-content:space-between;padding-top:clamp(2.5rem,8svh,5.5rem);display:flex;position:relative;overflow:visible}.home-cover__copy{padding-top:0}.home-cover__line{font-family:var(--font-display);font-size:var(--text-headline);font-weight:var(--weight-regular);line-height:var(--leading-title);letter-spacing:var(--tracking-tight);text-wrap:pretty;margin:0}.home-cover__closer{white-space:nowrap}@property --love-mix{syntax:"<number>";inherits:false;initial-value:0}.home-cover__love{--love-fade:.24s;--love-mix:0;vertical-align:baseline;color:color-mix(in srgb, var(--color-ink) calc((1 - var(--love-mix)) * 100%), var(--color-accent) calc(var(--love-mix) * 100%));font:inherit;letter-spacing:inherit;line-height:inherit;-webkit-appearance:none;appearance:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:--love-mix .8s var(--ease-standard);background:0 0;border:0;margin:0;padding:0;display:inline}.home-cover__love:focus-visible,.home-cover__love.is-demo{--love-mix:1;transition-duration:var(--love-fade);transition-timing-function:var(--ease-out)}@media (hover:hover){.home-cover__love:hover{--love-mix:1;transition-duration:var(--love-fade);transition-timing-function:var(--ease-out)}}.love-heart{z-index:4;pointer-events:none;color:var(--color-accent);display:block;position:fixed}.love-heart svg{width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.home-cover__love,.home-cover__love:focus-visible,.home-cover__love.is-demo{transition-duration:1ms}@media (hover:hover){.home-cover__love:hover{transition-duration:1ms}}}.cover-name{box-sizing:border-box;width:min(var(--page-max), calc(100% - var(--space-page-x) * 2));padding:0 0 max(.75rem, env(safe-area-inset-bottom));margin-inline:auto;container-type:inline-size}.cover-name span{width:max-content;max-width:none;font-family:var(--font-display);font-size:var(--cover-name-size,calc(100cqi / 5));font-weight:var(--weight-bold);line-height:var(--leading-display);letter-spacing:var(--tracking-tight);white-space:nowrap;transform:var(--cover-name-scale,none);transform-origin:0;margin:0;margin-inline-start:calc(-1 * var(--cover-name-optical,0px));display:block}@media (width<=48rem){.home-cover{justify-content:flex-start;gap:var(--space-6);height:auto;padding-top:var(--space-8);padding-bottom:var(--space-6)}.cover-name{order:-1;padding-bottom:0}.home-cover__line br{display:none}.home-under>.chapter:first-child{padding-top:var(--space-10)}}.cover-spacer{display:none}.home-under{z-index:1;background:var(--color-paper);position:relative}.thesis{font-family:var(--font-display);font-size:var(--text-display);line-height:var(--leading-display);font-weight:var(--weight-regular);letter-spacing:var(--tracking-tight);max-width:14em;animation:settle .8s var(--ease-out) both;margin:0}.lede{max-width:var(--measure);color:var(--color-muted);margin:var(--space-8) 0 0;line-height:var(--leading-body)}body:has(.not-found){flex-direction:column;min-height:100svh;display:flex}.not-found{box-sizing:border-box;padding-block:var(--space-section);flex-direction:column;flex:1;justify-content:center;display:flex}.not-found__layout{gap:var(--space-8);align-items:center;display:grid}.not-found__copy{min-width:0}@media (width>=48rem){.not-found__layout{grid-template-columns:minmax(0,1fr) auto}}.not-found__mark{width:100%;margin:0;container-type:inline-size}.not-found__mark span{width:max-content;max-width:none;font-family:var(--font-display);font-size:var(--not-found-size,33cqi);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);white-space:nowrap;line-height:.72;display:block}.not-found__copy .lede{margin-top:var(--space-8)}.not-found__play{min-width:0}.not-found__court{aspect-ratio:4/3;border:var(--rule-width) solid var(--color-ink);background:var(--color-paper);width:100%;color:var(--color-ink);touch-action:none;position:relative}.not-found__again{position:absolute;top:50%;left:50%;translate:-50% -50%}.not-found__again[hidden]{display:none}@media (width>=48rem){.not-found__play{justify-self:end;width:min(100%,25.7143rem)}.not-found__court{aspect-ratio:27/28}}.not-found__court canvas{width:100%;height:100%;display:block}.not-found__help{margin:var(--space-3) 0 0;color:var(--color-muted);font-size:var(--text-data);line-height:var(--leading-data);text-align:center}.not-found__help-fine{display:none}@media (hover:hover) and (pointer:fine){.not-found__help-fine{display:inline}.not-found__help-touch{display:none}}.not-found__actions{align-items:center;gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.not-found__link{min-height:var(--target);align-items:center;display:inline-flex}.study-intro{max-width:var(--measure);margin:var(--space-8) 0 0;color:var(--color-ink);line-height:var(--leading-body)}.study-intro+.study-intro,.study-intro+.lede{margin-top:var(--space-4)}.kicker{font-family:var(--font-data);font-size:var(--text-data);font-weight:var(--weight-regular);line-height:var(--leading-data);color:var(--color-muted);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-feature-settings:"case";margin:0 0 var(--space-8)}.case-open>.kicker{margin-bottom:var(--space-4);flex-wrap:wrap;align-items:baseline;display:flex}.case-open .study-page__facts{box-sizing:border-box;width:100%;max-width:var(--measure);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;padding:0;display:grid}.case-open .study-page__facts>div{row-gap:var(--space-1);min-width:0;padding-inline:var(--space-4);border-inline-start:var(--rule-width) solid var(--color-rule);grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;display:grid}.case-open .study-page__facts>div:first-child{border-inline-start:0;padding-inline-start:0}.case-open .study-page__facts>div:last-child{padding-inline-end:0}.case-open>.thesis{margin-top:var(--space-section)}.case-open .kicker__when,.case-open .kicker__role,.case-open .kicker__sep{white-space:nowrap}.case-open .kicker__sep{margin-inline:.45em}@media (width<=47.99rem){.case-open .kicker__sep{display:none}.case-open .kicker__role{flex-basis:100%}}.case-open>.kicker.is-split .kicker__sep{display:none}.case-open>.kicker.is-split .kicker__role{flex-basis:100%}.chapter-head{align-items:center;gap:var(--space-4) var(--space-6);margin-bottom:var(--space-8);display:flex}.chapter-head .kicker,.strip__title>.kicker{font-family:var(--font-display);font-size:var(--text-title);font-weight:var(--weight-semibold);line-height:var(--leading-title);letter-spacing:var(--tracking-tight);color:var(--color-ink);text-transform:none;font-feature-settings:normal;margin:0}.kicker--nested{font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-medium);line-height:var(--leading-title);letter-spacing:var(--tracking-normal);text-transform:none;font-feature-settings:normal}.company-mark{color:var(--color-ink);flex:none;align-items:center;display:inline-flex;position:relative}.company-mark__svg{align-items:center;display:flex}.company-mark__svg svg{width:auto;height:1.5rem;display:block}.thumb-cards{gap:var(--space-5);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=40rem){.thumb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.thumb-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.thumb-card{min-width:0;margin:0}:root{--card-hover-rule:color-mix(in srgb, var(--color-ink) 35%, var(--color-paper))}[data-mode=dark]{--card-hover-rule:var(--color-ink)}.thumb-card__link{height:100%;min-height:var(--target);color:inherit;background:var(--color-paper);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-card);transition:border-color var(--duration) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.thumb-card__link:focus-visible{border-color:var(--card-hover-rule)}@media (hover:hover){.thumb-card__link:hover{border-color:var(--card-hover-rule)}}.thumb-card__link:focus-visible{outline:var(--ring-width) solid var(--card-hover-rule);outline-offset:var(--ring-offset)}.thumb-card__stage{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.thumb-card__body{align-items:flex-start;gap:var(--space-2);padding:var(--space-4);flex-direction:column;min-width:0;display:flex}.thumb-card__mark .company-mark__svg svg{height:1.125rem}.thumb-card__title{font-family:var(--font-display);font-size:var(--text-subhead);font-weight:var(--weight-semibold);line-height:var(--leading-title);letter-spacing:var(--tracking-normal);margin:0}.thumb-card__desc{color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-data);line-height:var(--leading-data);letter-spacing:var(--tracking-normal);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.study-cards{gap:var(--space-8);margin:0;padding:0;list-style:none;display:grid}.study-cards>li{min-width:0;margin:0}.study-cards__more{margin:var(--space-8) 0 0;justify-content:center;display:flex}.study-card{background:var(--color-paper);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-card);transition:border-color var(--duration) var(--ease-out);display:grid;position:relative;overflow:hidden}.study-card:has(:focus-visible){border-color:var(--card-hover-rule)}@media (hover:hover){.study-card:hover{border-color:var(--card-hover-rule)}}.study-card:has(:focus-visible){outline:var(--ring-width) solid var(--card-hover-rule);outline-offset:var(--ring-offset)}.study-card__copy{align-items:flex-start;gap:var(--space-5);min-width:0;padding:var(--space-8);flex-direction:column;display:flex}.study-card .company-mark__svg svg{height:1.75rem}.study-card__intro{gap:var(--space-3);display:grid}.study-card__title{max-width:12em;font-family:var(--font-display);font-size:var(--text-headline);line-height:var(--leading-display);letter-spacing:var(--tracking-tight);font-weight:var(--weight-semibold);text-wrap:balance;margin:0}.study-card__title a{color:inherit;text-decoration:none}.study-card__title a:focus-visible{outline:none}.study-card__title a:after{content:"";z-index:1;position:absolute;inset:0}.study-card__desc{max-width:28em;color:var(--color-muted);font-size:var(--text-body-sm);line-height:var(--leading-body);letter-spacing:var(--tracking-normal);margin:0}.study-card__facts{column-gap:var(--space-3);font-family:var(--font-data);font-size:var(--text-data);line-height:var(--leading-data);letter-spacing:var(--tracking-normal);grid-template-columns:max-content minmax(0,1fr);row-gap:.2em;margin:0;display:grid}.study-card__facts>div{grid-column:1/-1;grid-template-columns:subgrid;align-items:baseline;display:grid}.study-card__facts dt{font-weight:inherit;color:var(--color-muted);margin:0}.study-card__facts dt:after{content:":"}.study-card__facts dd{color:var(--color-ink);margin:0}.study-card__stats{column-gap:calc(var(--space-4) * 2);width:100%;padding:var(--space-6) 0 0;border-top:var(--row-rule);grid-template-columns:repeat(3,minmax(0,1fr));row-gap:0;margin:auto 0 0;list-style:none;display:grid}.study-card__stats:has(>li:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}.study-card__stats>li{min-width:0;position:relative}.study-card__stats>li+li:before{content:"";top:0;bottom:0;border-inline-start:var(--rule-width) solid var(--color-rule);position:absolute;inset-inline-start:calc(var(--space-4) * -1 - var(--rule-width) / 2)}.study-card__value{margin:0 0 var(--space-1);font-family:var(--font-data);font-size:var(--text-metric);font-weight:var(--weight-semibold);line-height:var(--leading-display);letter-spacing:var(--tracking-tight);font-variant-numeric:tabular-nums;color:var(--color-metric)}.study-card__label{font-family:var(--font-data);font-size:var(--text-data);line-height:var(--leading-data);letter-spacing:var(--tracking-normal);color:var(--color-muted);margin:0}.study-stats-wrap{width:100%;max-width:var(--measure);margin-bottom:var(--space-4)}.study-stats-wrap--caption{margin-top:var(--space-section)}.study-stats-wrap--caption .study-stats{margin-top:0}.study-stats{box-sizing:border-box;width:100%;max-width:var(--measure);margin-top:var(--space-8);padding:var(--space-6);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper)}.study-stats .study-card__stats{border-top:0;margin:0;padding:0}.study-card__action{margin:var(--space-6) 0 0}.study-card__action .button{gap:var(--space-2);pointer-events:none}.study-card__action .button svg{flex:none;display:block}.study-card:has(:focus-visible) .study-card__action .button{background:var(--button-hover-bg);color:var(--button-hover-fg)}@media (hover:hover){.study-card:hover .study-card__action .button{background:var(--button-hover-bg);color:var(--button-hover-fg)}}.study-card__stage{border-top:var(--row-rule);place-items:center;min-height:clamp(22rem,48vw,32rem);display:grid;position:relative;overflow:hidden}.study-hero{margin:0}.study-hero__stage{grid-template-columns:minmax(var(--space-page-x), 1fr) minmax(0, var(--page-max)) minmax(var(--space-page-x), 1fr);border-bottom:var(--row-rule);place-items:center;width:100%;min-height:clamp(28rem,62vw,48rem);display:grid;position:relative;overflow:hidden}.study-hero__stage>.project-visual{left:max(var(--space-page-x), calc((100% - var(--page-max)) / 2));width:auto;right:0}.study-hero__copy{z-index:1;align-items:flex-start;gap:var(--space-5);box-sizing:border-box;width:auto;min-width:0;max-width:none;padding-block:var(--space-8);pointer-events:none;flex-direction:column;grid-column:2;place-self:center stretch;margin-inline:0;display:flex;position:relative}.study-hero__mark .company-mark__svg svg{height:1.75rem}@media (width>=48rem){.study-hero__copy{padding-block:var(--space-10)}}@media (width<=47.99rem){.study-hero__copy{padding-block:var(--space-6);align-self:start}}.study-hero__meta{padding-block:var(--space-6)}.study-hero__facts{gap:var(--space-4);margin:0;display:grid}.study-hero__facts>div{column-gap:var(--space-3);grid-template-columns:7.25rem minmax(0,1fr);align-items:baseline;display:grid}.study-hero__facts dt{font-family:var(--font-data);font-size:var(--text-data);font-weight:inherit;color:var(--color-muted);margin:0}.study-hero__facts dt:after{content:":"}.study-hero__facts dd{font-family:var(--font-data);font-size:var(--text-data);color:var(--color-ink);margin:0}@media (width>=48rem){.study-hero__facts{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr))}.study-hero__facts>div{row-gap:var(--space-1);grid-template-columns:minmax(0,1fr)}.study-hero__facts dt:after{content:none}}@media (width>=64rem){.study-hero__facts:not(.study-page__facts){grid-template-columns:repeat(4,minmax(0,1fr))}}.study-body{padding-top:var(--space-12);padding-bottom:var(--space-section)}.study-page>.prose{width:100%;max-width:none}.study-page>.prose>*{max-width:var(--measure)}.study-page>.prose>.opportunity-compare,.study-page>.prose>.click-through,.study-page>.prose>.phone-flow{max-width:none}.study-recs{margin-top:var(--space-section)}.study-recs h2{font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0}.study-page__facts{margin:0}@media (width<=59.99rem){.study-page{flex-direction:column;display:flex}.study-page>.case-open{order:2}.study-page>.case-follow{order:3}.study-page>.prose,.study-page:has(.study-lead)>.study-lead{order:4}.study-page:has(.study-lead)>.case-follow--stats{order:5}.study-page:has(.study-lead)>.prose{order:6}}@media (width<=47.99rem){.study-page>.case-open{order:1}}@media (width>=60rem){.study-page{column-gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.study-page>.case-open{grid-area:1/1/auto/3;padding-inline-end:var(--space-6)}.study-page>.case-follow{grid-area:2/1/auto/3;padding-inline-end:var(--space-6)}.study-page>.prose{grid-area:3/1/auto/3;max-width:none}.study-page:has(.study-lead)>.study-lead{grid-area:3/1/auto/-1}.study-page:has(.study-lead)>.case-follow--stats{grid-area:4/1/auto/3}.study-page:has(.study-lead)>.prose{grid-row:5}.study-page>.prose>.opportunity-compare,.study-page>.prose>.click-through,.study-page>.prose>.phone-flow{width:calc(100% + (100% + var(--space-5)) / 2)}.study-page>.coverage,.study-page>.study-pager{grid-column:1/-1}}.study-designed__cols{box-sizing:border-box;gap:var(--space-6);width:100%;max-width:var(--measure);padding:var(--space-6);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper);grid-template-columns:minmax(0,1fr);display:grid}.study-designed__group{min-width:0}.prose .study-designed__group>:first-child{margin-top:0}.prose .study-designed__group>:last-child{margin-bottom:0}.study-designed__label{margin-bottom:var(--space-3)}.study-designed__list{color:var(--color-ink);font-size:var(--text-body-sm);line-height:var(--leading-body);letter-spacing:var(--tracking-normal);margin:0;padding:0 0 0 1.15em;list-style:outside}.study-led>.study-designed__list,.prose .study-led>.study-designed__list{box-sizing:border-box;width:100%;max-width:var(--measure);padding:var(--space-6) var(--space-6) var(--space-6) calc(var(--space-6) + 1.15em);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper);margin:0}.study-designed__list li{min-width:0;margin:0;padding-inline-start:.15em}.study-designed__list li+li{margin-top:var(--space-2)}.study-designed__list li::marker{color:var(--color-muted)}@media (width>=40rem){.study-designed__cols:has(.study-designed__group+.study-designed__group){column-gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}}.opportunity-compare{gap:var(--space-8);margin-top:var(--space-section);display:grid}.click-through{gap:var(--space-3);margin:var(--space-section) 0 0;display:grid}.prose[data-study] .click-through--near{margin-top:var(--space-8)}.click-through:focus-visible{outline:var(--ring-width,2px) solid var(--color-focus,var(--color-ink));outline-offset:var(--ring-offset,4px)}.prose .click-through>.kicker,.prose .click-through__head>.kicker,.prose .click-through__head .kicker,.prose .click-through__aside .kicker{margin:0}.click-through__head{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-4);flex-wrap:wrap;min-width:0;display:flex}.click-through__head>h3,.prose[data-study] .click-through__head>h3{min-width:0;max-width:none;font-family:var(--font-display);font-size:var(--text-subhead);line-height:var(--leading-title);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);color:var(--color-muted);flex:auto;margin:0}.click-through__aside{justify-content:flex-end;align-items:center;gap:var(--space-4);flex:none;min-width:0;margin-left:auto;display:flex}.click-through__steps{gap:var(--space-2);display:flex}.click-through__expand{z-index:2;top:var(--space-3);right:var(--space-3);color:#fff;pointer-events:none;background:#18181ac7;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid;position:absolute;box-shadow:0 0 0 1px #fff6}@media (width>=40.01rem){.click-through:not([data-shape=phone]){align-items:center;column-gap:var(--space-4);grid-template-columns:minmax(0,1fr) auto}.click-through:not([data-shape=phone])>.click-through__head{grid-area:1/1}.click-through:not([data-shape=phone])>.click-through__aside{grid-area:1/2;justify-self:end;margin-left:0}.click-through:not([data-shape=phone])>.click-through__pad,.click-through:not([data-shape=phone])>.screen-cues{grid-column:1/-1}.click-through:not([data-shape=phone])>.click-through__pad{grid-row:2}.click-through:not([data-shape=phone])>.screen-cues{grid-row:3}}.click-through__now,.prose .click-through__now{justify-content:flex-end;gap:var(--space-3);text-align:right;flex-wrap:wrap;flex:auto;align-items:baseline;min-width:0;max-width:100%;margin:0;display:flex}.click-through__now .click-through__count{font-family:var(--font-data);font-variant-numeric:tabular-nums;flex:none}.click-through__pad{box-sizing:border-box;width:100%;aspect-ratio:var(--click-aspect);color:inherit;font:inherit;text-align:inherit;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;border:0;border-radius:1.1rem;margin:0;padding:.6rem;display:flex}.click-through__pad:focus-visible{outline:var(--ring-width,2px) solid var(--color-focus,var(--color-ink));outline-offset:var(--ring-offset,4px)}.click-through__screen{background:#ececea;border-radius:.55rem;flex:1;display:block;position:relative;overflow:clip}#system-control-prototype .click-through__screen,#system-control-prototype .click-through__device--tablet .click-through__device-screen{border-radius:1.97657%/2.84434%}.click-through__camera{z-index:1;aspect-ratio:3.6;background:#0a0a0c;border-radius:999px;width:11%;position:absolute;top:2.2%;left:50%;transform:translate(-50%)}@media (width<=40rem){.clay.click-through__pad{box-shadow:0 0 0 var(--rule-width) var(--color-rule);background:0 0;border-radius:.5rem;padding:0}.click-through__screen{border-radius:.5rem}.click-through__camera,.click-through:has([data-click-preview])>.click-through__pad,.click-through:has([data-click-preview])>.click-through__aside,.click-through:has([data-click-preview])>.screen-cues,.click-through:has([data-click-preview]) .click-through__steps{display:none}.click-through__preview{justify-items:center;gap:var(--space-5);min-width:0;display:grid}.click-through__shot[data-playing]>.click-through__device-img,.prose .click-through__shot[data-playing]>.click-through__device-img{display:none}.click-through__shot[data-playing]>.click-through__screen,.click-through__shot[data-playing]>.phone-flow__view{border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.click-through__shot[data-playing]>.click-through__screen>.click-through__camera{display:none}.phone-flow:has([data-click-preview]) .click-through__shot[data-playing]>.study-phone-steps__stage{aspect-ratio:auto;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.click-through__device .click-through__camera{display:block}.click-through:not([data-shape=phone])>.click-through__aside{justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;width:100%;margin-left:0}.click-through:not([data-shape=phone]) .click-through__now,.prose .click-through:not([data-shape=phone]) .click-through__now{text-align:center;justify-content:center}}.click-through__camera{z-index:2;top:calc(var(--click-bar) * 50% + var(--space-3));width:6%;transform:translate(-50%,-50%)}.click-through__track{will-change:transform;width:100%;height:100%;margin:0;padding:0;list-style:none;display:flex}.click-through__track li{flex:0 0 100%;min-width:0;height:100%}.click-through[data-fade] .click-through__track{will-change:auto;display:grid;transform:none}.click-through[data-fade] .click-through__track li{opacity:0;will-change:opacity;grid-area:1/1}.click-through[data-fade] .click-through__track li:first-child{opacity:1}.click-through__img,.prose .click-through__img{object-fit:cover;object-position:top center;pointer-events:none;-webkit-user-drag:none;width:100%;max-width:none;height:100%;margin:0;display:block}.click-through__count{color:var(--color-muted)}@media (width>=40.01rem){.click-through__preview{display:none}}.click-through__device{box-sizing:border-box;min-width:0;min-height:0}button.click-through__device{color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer;appearance:none;background-color:#0000;border:0;margin:0}button.click-through__device.clay{background:var(--clay)}.click-through__device-screen{background:#ececea;min-width:0;min-height:0;display:flex;position:relative;overflow:clip}.click-through__device-img,.prose .click-through__device-img{object-fit:cover;object-position:top center;width:100%;max-width:none;height:100%;margin:0;display:block;position:absolute;inset:0}.click-through__device--browser{border-radius:.9rem;flex-direction:column;width:100%;padding:0 .4rem .4rem;display:flex}.click-through__device-bar{flex:none;align-items:center;height:1.5rem;padding:0 .55rem;display:flex}.click-through__lights{gap:.3rem;display:flex}.click-through__lights>span{background:var(--clay-edge);border-radius:50%;width:.45rem;height:.45rem}.click-through__device--browser .click-through__device-screen{aspect-ratio:var(--device-aspect,16 / 10);border-radius:.35rem}.click-through__device--tablet{width:100%;aspect-ratio:var(--click-aspect);border-radius:1.1rem;padding:.6rem;display:flex}.click-through__device--tablet .click-through__device-screen{border-radius:.55rem;flex:1}.click-through__device--phone{aspect-ratio:375/812;border-radius:2.2rem;width:min(16rem,100%);padding:.45rem;display:flex}.click-through__device--phone .click-through__device-screen{border-radius:1.8rem;flex:1}.click-through__shot{flex:1;align-self:stretch;width:100%;min-width:0;min-height:0;position:relative;overflow:clip}.click-through__device--frame{width:min(16rem,100%);box-shadow:none;background:0 0;padding:0;display:block}.click-through__device--frame.click-through__device--wide{width:100%}.click-through__device--frame .click-through__device-screen{aspect-ratio:var(--device-aspect,900 / 1840);background:0 0;border-radius:0}.click-through__device--frame .click-through__device-img,.prose .click-through__device--frame .click-through__device-img{object-fit:contain;object-position:center}.click-through__device--plain{width:100%;box-shadow:none;background:0 0;padding:0;display:block}.click-through__device--plain .click-through__device-screen{aspect-ratio:var(--device-aspect);border-radius:var(--radius-card);box-shadow:0 0 0 var(--rule-width) var(--color-rule);background:0 0}.click-through__device--plain .click-through__device-img,.prose .click-through__device--plain .click-through__device-img{object-fit:contain;object-position:center}.click-through__island{z-index:2;background:#0a0a0c;border-radius:999px;width:4.5rem;height:1.25rem;position:absolute;top:.65rem;left:50%;transform:translate(-50%)}.click-through__open{min-height:var(--target)}.click-lightbox{box-sizing:border-box;background:var(--color-paper);width:100%;max-width:none;height:100dvh;max-height:none;color:var(--color-ink);overscroll-behavior:none;border:0;margin:0;padding:0;overflow:clip}.click-lightbox[open]{opacity:1;transition:opacity var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);display:block;transform:none}.click-lightbox[open][data-closing]{opacity:0;transform:translateY(.75rem)}@starting-style{.click-lightbox[open]{opacity:0;transform:translateY(.75rem)}}.click-lightbox::backdrop{background:var(--color-paper);opacity:0;transition:opacity var(--duration) var(--ease-out)}.click-lightbox[open]::backdrop{opacity:1}.click-lightbox[open][data-closing]::backdrop{opacity:0}@starting-style{.click-lightbox[open]::backdrop{opacity:0}}dialog.click-lightbox:focus,dialog.click-lightbox:focus-visible{outline:none}.click-lightbox__count,.prose .click-lightbox__count{z-index:2;top:max(var(--space-4), env(safe-area-inset-top));left:max(var(--space-4), env(safe-area-inset-left));box-sizing:border-box;height:var(--target);padding-inline:var(--space-4);border:var(--rule-width) solid var(--button-border);border-radius:var(--radius-button);background:var(--button-bg);color:var(--color-ink);font-family:var(--font-data);font-size:var(--text-data);line-height:var(--leading-data);font-variant-numeric:tabular-nums;pointer-events:none;align-items:center;margin:0;display:inline-flex;position:absolute}.click-lightbox__close{z-index:2;top:max(var(--space-4), env(safe-area-inset-top));right:max(var(--space-4), env(safe-area-inset-right));position:absolute}.click-lightbox__stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:clip}.click-lightbox__track{will-change:transform;height:100%;min-height:0;margin:0;padding:0;list-style:none;display:flex}.click-lightbox__track li{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:0 0 100%;min-width:0;height:100%;min-height:0;margin:0;position:relative;overflow:hidden auto}.click-lightbox__img,.prose .click-lightbox__img{pointer-events:none;-webkit-user-drag:none;width:100%;max-width:none;height:auto;margin:0;display:block}.click-through__screen{min-width:0}.phone-flow{gap:var(--space-3);margin:var(--space-section) 0 0;--phone-aspect:402 / 874;--clay-edge:#0000001a;display:grid}[data-mode=dark] .phone-flow{--clay-edge:#ffffff0f}.phone-flow__layout>h3,.prose[data-study] .phone-flow__layout>h3{width:100%;min-width:0;max-width:100%;margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-subhead);line-height:var(--leading-title);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);color:var(--color-muted);grid-area:1/1;justify-self:start}.study-lead{min-width:0}.study-lead__note{margin:var(--space-5) 0 0;text-align:center}.study-flow-pair{gap:var(--space-12);margin-top:var(--space-section);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.study-flow-pair .phone-flow{min-width:0;margin:0}.phone-flow__layout{align-items:start;column-gap:var(--space-8);row-gap:var(--space-2);grid-template-columns:auto minmax(0,1fr);display:grid}.phone-flow__device{grid-area:2/1}.phone-flow__side{grid-area:2/2}.rail-link{width:100%;padding:var(--space-1) 0 var(--space-1) var(--space-3);border:0;border-left:var(--rule-width) solid var(--color-rule);font-family:var(--font-data);font-size:var(--text-data);line-height:var(--leading-data);letter-spacing:var(--tracking-normal);color:var(--color-muted);text-align:start;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;margin:0;text-decoration:none;display:block}.rail-link[aria-current]{border-left-color:var(--color-accent);color:var(--color-ink)}@media (hover:hover){.rail-link:hover{color:var(--color-ink)}}@media (prefers-reduced-motion:reduce){.rail-link{transition:none}}.phone-flow__steps,.prose .phone-flow__steps{padding:var(--space-8) 0 0;counter-reset:none;gap:0;margin:0;list-style:none;display:grid}.phone-flow__steps li,.prose .phone-flow__steps li{margin:0;padding:0}.phone-flow__step{min-height:var(--target);padding-block:var(--space-2);grid-template-columns:2.25rem minmax(0,1fr);align-items:center;display:grid}.phone-flow__num{font-family:var(--font-data);font-size:var(--text-data);letter-spacing:var(--tracking-normal)}.phone-flow__device{justify-items:center;gap:var(--space-3);display:grid}.screen-cues{box-sizing:border-box;justify-self:center;justify-items:center;gap:var(--space-2);background:0 0;border:0;width:max-content;max-width:100%;margin:0;padding:0;display:grid}.screen-cue,.prose .screen-cue{font-family:var(--font-data);font-size:var(--text-data);font-weight:var(--weight-regular);line-height:var(--leading-data);letter-spacing:var(--tracking-normal);color:var(--color-muted);white-space:nowrap;padding:var(--space-1) var(--space-2);align-items:center;gap:calc(var(--space-2) - 2px);border:var(--rule-width) solid var(--color-rule);border-radius:calc(var(--radius-card) / 2);background:var(--color-paper);margin:0;display:flex}.screen-cue[hidden],.prose .screen-cue[hidden]{display:none}.screen-cue svg{flex:none}.screen-cue>span{translate:0 1px}.phone-flow__carousel{width:100%;display:none}.phone-flow__now,.prose .phone-flow__now,.prose h4.phone-flow__now{justify-content:center;align-items:baseline;gap:var(--space-3);text-align:center;flex-wrap:wrap;margin:0;display:flex}.phone-flow__count{font-family:var(--font-data);font-size:var(--text-data);font-weight:var(--weight-regular);line-height:var(--leading-data);letter-spacing:var(--tracking-normal);font-variant-numeric:tabular-nums;color:var(--color-muted)}.phone-flow__arrows{justify-content:center;gap:var(--space-2);display:flex}.phone-flow__phone{box-sizing:border-box;--phone-w:min(20rem, calc(100vw - 2rem));width:var(--phone-w);height:calc(var(--phone-w) * 874 / 402);min-height:0;aspect-ratio:var(--phone-aspect);color:inherit;font:inherit;text-align:inherit;touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;border:0;border-radius:3.1rem;margin:0;padding:.55rem;display:flex;overflow:clip}.phone-flow__phone:focus-visible{outline:var(--ring-width) solid var(--color-focus);outline-offset:var(--ring-offset,4px)}.phone-flow--hug .phone-flow__phone{aspect-ratio:auto;height:auto}.phone-flow--hug .phone-flow__screen{width:100%;aspect-ratio:var(--phone-shot);flex:none}.phone-flow__screen{background:var(--phone-fill,#fff);color:#111;border-radius:2.6rem;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:clip}.phone-flow__bar{z-index:2;background:var(--phone-fill,#fff);height:6.2%;font-family:var(--font-data);font-size:var(--text-data);font-weight:var(--weight-semibold);line-height:var(--leading-data);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 7%;display:grid;position:relative}.phone-flow:not(.phone-flow--browser) .phone-flow__bar{z-index:3;background:0 0;position:absolute;inset:0 0 auto}.phone-flow__island{background:#0a0a0c;border-radius:999px;grid-column:2;width:5.6rem;height:1.6rem;margin-top:.4rem}.phone-flow__view{flex:1;min-height:0;display:block;position:relative;overflow:clip}.phone-flow__track{will-change:transform;width:100%;height:100%;margin:0;padding:0;list-style:none;display:flex;position:absolute;inset:0}.phone-flow__track li{background:#fff;flex:0 0 100%;justify-content:center;align-items:flex-start;min-width:0;height:100%;display:flex;position:relative;overflow:clip}.phone-flow__track li[data-fit]:before,.phone-flow__track li[data-fit]:after{content:"";z-index:0;width:3px;height:var(--fit-h);background-image:var(--shot);background-repeat:no-repeat;background-size:var(--fit-w) var(--fit-h);pointer-events:none;position:absolute;top:0}.phone-flow__track li[data-fit]:before{transform-origin:0;transform:scaleX(calc((var(--gutter) + 1px) / 3px));background-position:0 0;left:0}.phone-flow__track li[data-fit]:after{transform-origin:100%;transform:scaleX(calc((var(--gutter) + 1px) / 3px));background-position:100% 0;right:0}.phone-flow__img,.prose .phone-flow__img{z-index:1;pointer-events:none;-webkit-user-drag:none;will-change:transform;width:100%;max-width:none;height:auto;margin:0 auto;display:block;position:relative}@media (width<=48rem){.phone-flow__layout{grid-template-columns:minmax(0,1fr)}.phone-flow__side,.phone-flow__steps,.prose .phone-flow__steps{display:none}}@media (width<=40rem){.prose[data-study] .phone-flow__layout>h3,.study-flow-pair .phone-flow__layout>h3,.study-lead .phone-flow__layout>h3{text-align:center;justify-self:center;margin-bottom:0}.phone-flow:not(.phone-flow--browser) .phone-flow__device{width:100%;container-type:inline-size}.phone-flow:not(.phone-flow--browser) .phone-flow__phone{--phone-w:100cqi;width:100%;height:217.413cqi}.phone-flow--hug .click-through__device--phone{aspect-ratio:var(--phone-shot,375 / 812)}.phone-flow--hug:not(.phone-flow--browser) .phone-flow__phone{aspect-ratio:auto;height:auto}.phone-flow__carousel{justify-items:center;gap:var(--space-3);display:grid}.study-phone-steps__stage{width:100%}.phone-flow__layout{column-gap:var(--space-3);row-gap:var(--space-2)}.phone-flow:has([data-click-preview]) .phone-flow__phone,.phone-flow:has([data-click-preview]) .screen-cues,.phone-flow:has([data-click-preview]) .phone-flow__carousel,.phone-flow:has([data-click-preview]) .study-phone-steps__stage{display:none}.phone-flow:has([data-click-preview]) .click-through__preview{width:100%}.prose .click-through[data-shape=phone] .kicker,.prose .click-through[data-shape=phone]>.click-through__head>h3{text-align:center}.click-through[data-shape=phone]>.click-through__head{justify-content:center}}.opportunity-compare__copy{max-width:var(--measure)}.opportunity-compare__after{min-width:0}.opportunity-compare__after>:not(figure){max-width:var(--measure)}.opportunity-compare__after>:first-child{margin-top:0}.opportunity-compare__after>figure{margin:var(--space-8) 0}.opportunity-compare__devices{width:100%;min-width:0}.opportunity-compare__devices>.click-through{margin:0}.opportunity-lightbox{box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;padding:var(--space-6);background:var(--color-paper);color:var(--color-ink);border:0;margin:0}.opportunity-lightbox[open]{opacity:1;transition:opacity var(--duration) var(--ease-out), transform var(--duration) var(--ease-out);grid-template-rows:auto minmax(0,1fr) auto;display:grid;transform:none}.opportunity-lightbox[open][data-closing]{opacity:0;transform:translateY(.75rem)}@starting-style{.opportunity-lightbox[open]{opacity:0;transform:translateY(.75rem)}}.opportunity-lightbox::backdrop{background:var(--color-paper);opacity:0;transition:opacity var(--duration) var(--ease-out)}.opportunity-lightbox[open]::backdrop{opacity:1}.opportunity-lightbox[open][data-closing]::backdrop{opacity:0}@starting-style{.opportunity-lightbox[open]::backdrop{opacity:0}}.opportunity-lightbox__close{justify-self:end}dialog.opportunity-lightbox:focus,dialog.opportunity-lightbox:focus-visible{outline:none}.opportunity-lightbox__stage{align-items:center;gap:var(--space-5);grid-template-columns:auto minmax(0,1fr) auto;min-height:0;display:grid;position:relative}@media (width<=40rem){.opportunity-lightbox[open]{grid-template-columns:minmax(0,1fr)}}.service-flow{gap:var(--space-3);margin:var(--space-12) 0 0;display:grid}.study-clip video{clip-path:inset(.57% .74% .19% .83% round 14.6%/7.5%);background:0 0;width:min(16rem,100%);height:auto;margin:0;display:block}.service-flow__open{width:100%;padding:var(--space-5);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink);font:inherit;text-align:start;transition:border-color var(--duration) var(--ease-out);margin:0;display:block;container:flow/inline-size}@media (hover:hover){.service-flow__open:hover{border-color:var(--color-ink)}}.service-flow__open:focus-visible{outline:var(--ring-width) solid var(--color-focus);outline-offset:var(--ring-offset)}.opportunity-observations{row-gap:var(--space-2)}.opportunity-observations .service-flow__open{border-radius:var(--radius-card);background:0 0;border:0;padding:0;position:relative}.opportunity-observations .service-flow__open .source-fig,.opportunity-observations>.source-fig{border-radius:var(--radius-card);width:100%;height:auto;margin:0;display:block}.opportunity-observations .flow-lightbox .source-fig--stage{border-radius:var(--radius-card)}.study-figure-row,.prose .study-figure-row{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.study-figure-row li,.prose .study-figure-row li{min-width:0;margin:0}.study-figure-row img,.prose .study-figure-row img{border-radius:var(--radius-card);width:100%;height:auto;margin:0;display:block}@media (width<=40rem){.study-figure-row,.prose .study-figure-row{grid-template-columns:minmax(0,1fr)}}.flow-lightbox .opportunity-lightbox__stage{touch-action:none;grid-template-columns:minmax(0,1fr);place-items:center;overflow:auto}.flow-lightbox__stage{container:flow/inline-size}.flow-lightbox__bar{justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.flow-lightbox__zoom{box-sizing:border-box;height:var(--target);border:var(--rule-width) solid var(--button-border);background:var(--button-bg);color:var(--button-fg);border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.flow-lightbox__zoom-btn,.flow-lightbox__zoom-level{height:100%;color:inherit;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.flow-lightbox__zoom-btn{width:var(--target)}.flow-lightbox__zoom-btn svg{display:block}.flow-lightbox__zoom-level{min-width:3.5rem;font-family:var(--font-data);font-size:var(--text-data);font-variant-numeric:tabular-nums}@media (hover:hover){.flow-lightbox__zoom-btn:hover:not(:disabled),.flow-lightbox__zoom-level:hover{background:color-mix(in srgb, currentColor 8%, transparent)}}.flow-lightbox__zoom-btn:disabled{opacity:.35}.flow-lightbox__zoom-btn:focus-visible,.flow-lightbox__zoom-level:focus-visible{outline:var(--ring-width) solid var(--color-focus);outline-offset:calc(var(--ring-width) * -1)}.flow-lightbox[data-zoomed] .opportunity-lightbox__stage{overscroll-behavior:contain;grid-template-rows:auto;place-items:start;overflow:auto}.flow-lightbox[data-zoomed] .opportunity-lightbox__stage[data-dragging]{user-select:none}.flow-lightbox[data-zoomed] .source-fig--stage{max-width:none;max-height:none;margin:auto}.flow-lightbox .source-fig--stage{-webkit-user-drag:none}.flow-lightbox[data-zoomed] .opportunity-lightbox__stage:focus-visible{outline:var(--ring-width) solid var(--color-focus);outline-offset:var(--ring-offset)}.study-page>.prose>.service-flow{max-width:none}@media (width>=60rem){.study-page>.prose>.service-flow{width:calc(100% + (100% + var(--space-5)) / 2)}}.study-page>.prose>.study-figure-text{width:auto;max-width:var(--measure)}.flow-lightbox .source-fig--stage{width:min(100%,80rem);margin-inline:auto}@media (width<=40rem){dialog.flow-lightbox[open]{grid-template-rows:minmax(0,1fr) auto}dialog.flow-lightbox>h2,dialog.flow-lightbox .opportunity-lightbox__close{grid-area:1/1}dialog.flow-lightbox .flow-lightbox__bar{display:contents}dialog.flow-lightbox .opportunity-lightbox__close{z-index:3;top:max(var(--space-4), env(safe-area-inset-top));right:max(var(--space-4), env(safe-area-inset-right));background:var(--color-paper);box-shadow:0 0 0 var(--rule-width) var(--color-rule);position:absolute}dialog.flow-lightbox .opportunity-lightbox__stage{order:1;grid-row:1;min-height:0}dialog.flow-lightbox .flow-lightbox__zoom{margin-bottom:max(var(--space-4), env(safe-area-inset-bottom));order:2;grid-row:2;justify-self:center}}@media (prefers-reduced-motion:reduce){.service-flow__open{transition:none}}.study-pager{gap:var(--space-4);margin-top:var(--space-section);padding-top:var(--space-8);border-top:var(--rule-width) solid var(--color-rule);grid-template-columns:1fr 1fr;display:grid}.study-pager__link{align-items:center;gap:var(--space-4);min-width:0;min-height:var(--target);padding:var(--space-3) 0;color:var(--color-ink);text-decoration:none;display:flex}@media (hover:hover){.study-pager__link:hover{text-decoration:none}}.study-pager__link:focus-visible .icon-arrow{background:var(--button-hover-bg);color:var(--button-hover-fg)}@media (hover:hover){.study-pager__link:hover .icon-arrow{background:var(--button-hover-bg);color:var(--button-hover-fg)}}.study-pager__title,.study-pager__short{font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);text-wrap:balance;width:fit-content;min-width:0;max-width:100%}.study-pager__short{display:none}.study-pager__link:focus-visible .study-pager__title{color:var(--color-ink)}@media (hover:hover){.study-pager__link:hover .study-pager__title{color:var(--color-ink)}}.study-pager__link--prev{padding-inline-end:var(--space-4)}.study-pager__link--next{text-align:end;grid-column:2;justify-content:flex-end;padding-inline-start:var(--space-4)}.study-pager__link--prev+.study-pager__link--next{border-inline-start:var(--rule-width) solid var(--color-rule)}@media (width<=39.999rem){.study-pager__short{display:inline}.study-pager__title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width>=40rem){.study-pager{gap:var(--space-6)}}@media (width<=47.99rem){.study-card__stage{border-top:0;border-bottom:var(--row-rule);order:-1}}@media (width>=48rem){.study-card{grid-template-columns:minmax(0,1.05fr) minmax(16rem,.95fr)}.study-card__copy{padding:var(--space-10)}.study-card__stage{border-top:0;border-inline-start:var(--row-rule);min-height:100%}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.button{justify-content:center;align-items:center;gap:var(--space-2);box-sizing:border-box;padding:var(--button-pad-y) var(--button-pad-x);border:var(--rule-width) solid var(--button-border);background:var(--button-bg);color:var(--button-fg);font-family:var(--font-data);font-size:var(--text-data);line-height:var(--leading-data);white-space:nowrap;border-radius:var(--radius-button);transition:background-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);padding-block:calc(var(--button-pad-y) + .1em) calc(var(--button-pad-y) - .1em);text-decoration:none;display:inline-flex}.button>svg{translate:0 -.1em}.skip-link.button{background:var(--color-paper)}@media (hover:hover){.button:hover{background:var(--button-hover-bg);color:var(--button-hover-fg);text-decoration:none}}.button+.button{margin-inline-start:var(--space-2)}.external-arrow{flex:none;display:block}.strip{--strip-card:min(32rem, 72vw);--strip-gap:var(--space-5);--strip-inline:max(var(--space-page-x), calc((100% - var(--page-max)) / 2));display:flow-root}.strip__bar{justify-content:flex-end;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.chapter>.strip>.strip__bar{margin-bottom:var(--space-8)}.strip__title{min-width:0;margin-right:auto}.strip__title>*{margin:0}.strip__aside{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.strip__bar[hidden],.strip__aside[hidden],.strip__nav[hidden]{display:none}.strip__count{font-variant-numeric:tabular-nums;margin:0}.strip__nav{gap:var(--space-2);display:flex}.icon-arrow{box-sizing:border-box;width:var(--target);height:var(--target);border:var(--rule-width) solid var(--button-border);background:var(--button-bg);color:var(--button-fg);transition:background-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-arrow svg{display:block}.icon-arrow.is-hot{background:var(--button-hover-bg);color:var(--button-hover-fg)}@media (hover:hover){button.icon-arrow:hover:not([aria-disabled=true]){background:var(--button-hover-bg);color:var(--button-hover-fg)}}.icon-arrow[aria-disabled=true]{background:var(--button-bg);border-color:var(--color-rule);color:var(--color-muted)}.strip__track{touch-action:pan-x pan-y pinch-zoom;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;padding-block:var(--space-3);margin-block:calc(var(--space-3) * -1);scroll-padding-inline-start:var(--strip-inline);overflow:auto}.strip__track::-webkit-scrollbar{display:none}.strip__list{align-items:start;gap:var(--strip-gap);width:max-content;margin:0;padding-inline-start:var(--strip-inline);padding-inline-end:calc(100% - var(--strip-card) - var(--strip-inline));list-style:none;display:flex}.strip__item{flex:0 0 var(--strip-card);scroll-snap-align:start;min-width:0;margin:0}.strip__item .rec-card{transition:border-color var(--duration) var(--ease-out), scale var(--duration) var(--ease-out)}@media (prefers-reduced-motion:no-preference){.strip__item:not(.is-current) .rec-card{scale:.96}.strip.is-static .strip__item .rec-card{scale:1}}.strip.is-static .strip__track{scroll-snap-type:none;overflow-x:hidden}.strip__item.is-current .rec-card,.strip__item.is-current .coverage-card{border-color:var(--card-hover-rule)}.rec-card{gap:var(--space-5);box-sizing:border-box;padding:var(--space-6);background:var(--color-paper);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-card);transition:border-color var(--duration) var(--ease-out);flex-direction:column;margin:0;display:flex}.rec-card:has(:focus-visible){border-color:var(--card-hover-rule)}@media (hover:hover){.rec-card:hover{border-color:var(--card-hover-rule)}}.rec-card__head{min-height:1.5rem;color:var(--color-ink);font-family:var(--font-data);font-size:var(--text-data);line-height:var(--leading-data);letter-spacing:var(--tracking-normal);justify-content:flex-start;align-items:center;display:flex}.rec-card__head .company-mark__svg svg{width:auto;max-width:7.5rem;height:1.25rem}.rec-card__pull{margin:0}.rec-card__pull p:before{content:"“"}.rec-card__pull p:after{content:"”"}.rec-card__pull p{-webkit-line-clamp:4;min-height:4lh;font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-normal);text-wrap:pretty;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}@media (width<=31rem){.rec-card__pull p{-webkit-line-clamp:6;min-height:6lh}}.rec-card__by{align-items:center;gap:var(--space-3);padding-top:var(--space-5);border-top:var(--row-rule);margin-top:auto;display:flex}.rec-card__avatar,.rec-card__initials{border-radius:50%;flex:none;width:2.5rem;height:2.5rem}.rec-card__avatar{object-fit:cover;display:block}.rec-card__initials{border:var(--row-rule);font-family:var(--font-data);font-size:var(--text-data);color:var(--color-ink);place-items:center;display:grid}.rec-card__who{min-width:0;display:grid}.rec-card__name{font-family:var(--font-data);font-size:var(--text-body-sm);line-height:var(--leading-data);color:var(--color-ink)}.rec-card__role{-webkit-line-clamp:2;min-height:2lh;font-family:var(--font-data);font-size:var(--text-data);line-height:var(--leading-data);color:var(--color-muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.disclosure>summary{align-items:center;gap:var(--space-2);font:inherit;color:inherit;margin:0;padding:0;list-style:none;display:inline-flex}.disclosure>summary::-webkit-details-marker{display:none}.disclosure>summary::marker{content:none}.disclosure__caret{transition:rotate var(--duration-fast) var(--ease-out);flex:none;display:block}.disclosure[open]>summary .disclosure__caret{rotate:180deg}.coverage-card__open{align-items:center;gap:var(--space-2);color:var(--color-ink);font:inherit;text-decoration:none;display:inline-flex}.disclosure__close,.disclosure[open]>summary .disclosure__open{display:none}.disclosure[open]>summary .disclosure__close{display:inline}.rec-card__more{margin-top:calc(var(--space-2) * -1)}.rec-card__full{margin:0 0 var(--space-3);font-size:var(--text-body-sm);quotes:"“" "”"}.rec-card__full:before{content:open-quote;margin-inline-start:-.4em}.rec-card__full:after{content:close-quote}.rec-card__cite{font-family:var(--font-data);font-size:var(--text-data);line-height:var(--leading-data);color:var(--color-muted);margin:0}.prose{max-width:var(--measure)}.about-hello{align-items:center;gap:var(--space-6);margin:0 0 var(--space-8);display:flex}.about-hello__word{color:var(--color-ink);margin:0}.about-rule,.chapter-rule{margin:0 0 var(--space-8);border:0;border-top:var(--rule-width) solid var(--color-rule)}.chapter-rule{margin-bottom:var(--space-16)}@media (width<=40rem){#recommendations .chapter-rule{margin-top:calc(var(--space-8) * -1)}}.about-columns{gap:var(--space-8);align-items:start;display:grid}.about-columns .prose>:first-child{margin-top:0}.about-more{margin:var(--space-8) 0 0;interpolate-size:allow-keywords}.about-more::details-content{opacity:0;height:0;transition:height var(--duration) var(--ease-out), opacity var(--duration) var(--ease-out), content-visibility var(--duration) allow-discrete;overflow:clip}.about-more[open]::details-content{opacity:1;height:auto}.about-more__body{margin-top:var(--space-4)}.about-more__body>:first-child{margin-top:0}.disclosure.about-more>summary{box-sizing:border-box;padding-block:calc(var(--button-pad-y) + .1em) calc(var(--button-pad-y) - .1em);padding-inline:var(--button-pad-x);border:var(--rule-width) solid var(--button-border);background:var(--button-bg);color:var(--button-fg);font-family:var(--font-data);font-size:var(--text-data);font-weight:var(--weight-regular);line-height:var(--leading-data);letter-spacing:var(--tracking-normal);white-space:nowrap;border-radius:var(--radius-button);transition:background-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);margin:0}.disclosure.about-more>summary .disclosure__caret{translate:0 -.1em}.disclosure.about-more>summary>span,.disclosure.about-more>summary:hover>span,.disclosure.about-more>summary:focus-visible>span{color:inherit;background-image:none}@media (hover:hover){.disclosure.about-more>summary:hover{background:var(--button-hover-bg);color:var(--button-hover-fg)}}@media (prefers-reduced-motion:reduce){.about-more::details-content,.disclosure__caret{transition:none}}.about-portrait{width:calc(var(--text-display) * 1.65);aspect-ratio:1;flex:none;margin:0}.about-portrait img{object-fit:cover;object-position:center 22%;border-radius:var(--radius-button);width:100%;height:100%;display:block}@media (width>=48rem){.about-columns{column-gap:var(--space-16);grid-template-columns:repeat(2,minmax(0,1fr))}}.prose h2,.study-heading{font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);color:var(--color-ink)}.prose h2{margin:var(--space-12) 0 var(--space-4)}.prose[data-study] h3{margin:var(--space-12) 0 var(--space-4);font-family:var(--font-display);font-size:var(--text-subhead);line-height:var(--leading-title);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-normal);color:var(--color-muted);max-width:var(--measure)}.prose[data-study] h2+h3{margin-top:var(--space-6)}.prose[data-study] .click-through+h3,.prose[data-study] .click-through+script+h3,.prose[data-study] .phone-flow+h3,.prose[data-study] .phone-flow+script+h3,.prose[data-study] .service-flow+h3,.prose[data-study] .service-flow+script+h3{margin-top:var(--space-section)}.prose[data-study] h3+.click-through{margin-top:var(--space-4)}.phone-flow__side{min-width:0}.phone-flow--browser{--phone-aspect:16 / 10}.phone-flow--browser .phone-flow__phone{--phone-w:min(36rem, 58vw, calc((100svh - 10rem) * 16 / 10));height:calc(var(--phone-w) * 10 / 16);border-radius:.9rem;padding:0 .4rem .4rem}.phone-flow--browser .phone-flow__screen{border-radius:.9rem .9rem .5rem .5rem}.phone-flow--browser .phone-flow__bar{background:var(--clay);align-items:center;height:1.5rem;padding:0 .55rem;display:flex}.phone-flow__lights{gap:.3rem;display:flex}.phone-flow__lights>span{background:var(--clay-edge);width:.45rem;height:.45rem;box-shadow:inset 0 0 0 1px var(--clay-edge);border-radius:50%}@media (width<=48rem){.phone-flow--browser .phone-flow__phone{--phone-w:min(calc(100vw - 2rem), 36rem)}}@media (width>=60rem){.phone-flow--browser .phone-flow__layout{grid-template-columns:minmax(0, 1fr) calc((100% - 2 * var(--space-5)) / 3);column-gap:var(--space-5);container-type:inline-size}.phone-flow--browser .phone-flow__layout .phone-flow__phone{--phone-w:min(calc((100cqw - 2 * var(--space-5)) * 2 / 3 + var(--space-5)), calc((100svh - 10rem) * 16 / 10))}}.study-body .prose h2{margin-top:var(--space-section)}.study-body .prose .opportunity-compare__copy>h2{margin-top:0}.prose .opportunity-observations .kicker{margin:0}.study-heading{margin:0 0 var(--space-6);max-width:var(--measure)}.prose .study-designed>h2,.prose .study-led>h2{margin-bottom:var(--space-6)}.prose>h2:first-child{margin-top:0}.prose p{margin-block:var(--space-4)}.prose p,.prose li{color:var(--color-ink)}.prose .kicker{margin:var(--space-8) 0 var(--space-3);color:var(--color-muted)}.prose h2+.kicker,.prose .kicker+.kicker{margin-top:var(--space-3)}.prose .kicker+ul{margin-top:0}.prose img{max-width:100%;height:auto;margin-block:var(--space-6);display:block}.coverage{gap:var(--space-section);margin-top:var(--space-section);min-width:0;display:grid;container-type:inline-size}.coverage>.strip{--coverage-wrap:min(var(--page-max), calc(100cqw - var(--space-page-x) * 2));--strip-card:var(--coverage-wrap);min-width:0}@media (width>=30rem){.coverage>.strip{--strip-card:calc((var(--coverage-wrap) - var(--space-5)) / 2)}}@media (width>=48rem){.coverage>.strip{--strip-card:calc((var(--coverage-wrap) - 2 * var(--space-5)) / 3)}}@media (width>=64rem){.coverage>.strip{--strip-card:calc((var(--coverage-wrap) - 3 * var(--space-5)) / 4)}}@media (width<=29.99rem){.study-recs>.strip:has(>.strip__track>.strip__list>.strip__item:only-child){--strip-card:min(var(--page-max), calc(100cqw - var(--space-page-x) * 2));container-type:inline-size}}.coverage h2{font-family:var(--font-display);font-size:var(--text-title);line-height:var(--leading-title);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0}.coverage .strip__list{align-items:stretch}.coverage .strip__item{display:flex}.coverage-card{min-height:var(--target);border:var(--rule-width) solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper);color:var(--color-ink);transition:border-color var(--duration) var(--ease-out);flex-direction:column;flex:1;align-items:stretch;text-decoration:none;display:flex;position:relative}.coverage-card:focus-within{border-color:var(--card-hover-rule)}@media (hover:hover){.coverage-card:hover{border-color:var(--card-hover-rule)}}.coverage-card__body{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);flex-direction:column;min-width:0;display:flex}.coverage-card__open{padding:0 var(--space-3) var(--space-2);margin-top:auto}.coverage-card__logo{max-width:8rem;height:1.5rem;color:var(--color-ink);filter:grayscale();align-items:center;display:flex}.coverage-card__logo svg{width:auto;max-width:9.5rem;height:auto;max-height:1.5rem;display:block}.coverage-card__logo--mask{width:8rem;max-width:100%;-webkit-mask-image:var(--logo);mask-image:var(--logo);background-color:currentColor;display:block;-webkit-mask-position:0;mask-position:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.coverage-card__logo--badge{object-fit:contain;object-position:left center;width:auto;height:2.5rem;display:block}.coverage-card__mark{font-family:var(--font-display);font-size:var(--text-body);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);line-height:var(--leading-title)}.coverage-card__logo,.coverage-card__mark{margin-top:var(--space-1);margin-bottom:var(--space-2)}.coverage-card__title{font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:var(--weight-regular);line-height:var(--leading-body);letter-spacing:var(--tracking-normal);margin:0}.prose .muted,.muted{color:var(--color-muted)}.site-footer{--footer-fg:#fff;--footer-muted:#b8b8bc;--footer-rule:#ffffff29;background:var(--footer-bg);color:var(--footer-muted);padding-block:calc(var(--space-6) + 1px) calc(var(--space-6) - 1px);border-top:var(--rule-width) solid var(--footer-rule);font-family:var(--font-data);font-size:var(--text-data);line-height:var(--leading-data)}html[data-mode=dark] .site-footer{--footer-muted:#c8c8cc;--footer-rule:#ffffff1f}.site-footer__line,.site-footer__line nav{align-items:center;column-gap:var(--space-3);row-gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.site-footer__item{align-items:center;gap:var(--space-3);white-space:nowrap;display:inline-flex}.site-footer__meta{color:var(--footer-muted);margin:0}.site-footer__sep{color:var(--footer-muted)}.site-footer a{color:var(--footer-fg);min-height:var(--target-min);align-items:center;text-decoration:none;display:inline-flex}.site-footer a:focus-visible{color:var(--footer-fg);text-decoration:none}@media (hover:hover){.site-footer a:hover{color:var(--footer-fg);text-decoration:none}}.site-footer :focus-visible{outline-color:var(--footer-fg)}@media (width<=47.99rem){.site-footer__line,.site-footer__line nav{align-items:center;row-gap:var(--space-2);flex-direction:column}.site-footer__sep{display:none}}html[data-mode=dark]{color-scheme:dark}html[data-mode=light]{color-scheme:light}html[data-mode-ready]{transition:--color-paper var(--duration) var(--ease-standard), --color-ink var(--duration) var(--ease-standard), --color-muted var(--duration) var(--ease-standard), --color-rule var(--duration) var(--ease-standard), --color-accent var(--duration) var(--ease-standard), --color-accent-strong var(--duration) var(--ease-standard), --diagram-accent var(--duration) var(--ease-standard), --footer-bg var(--duration) var(--ease-standard)}@keyframes settle{0%{opacity:0;transform:translateY(.75rem)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.chapter{animation-name:chapter-drift;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:view();animation-range:cover}}}@keyframes chapter-drift{0%{transform:translateY(1.5rem)}to{transform:translateY(-1.5rem)}}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){mix-blend-mode:normal;animation:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.thesis,.chapter,.home-cover{animation:none}}.skills-groups{gap:var(--space-12);grid-template-columns:1fr;display:grid}@media (width>=40rem){.skills-groups{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.skills-groups{grid-template-columns:repeat(3,minmax(0,1fr))}}.skills-group{min-width:0}.skills-group__name{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:var(--text-subhead);font-weight:var(--weight-semibold);line-height:var(--leading-title);letter-spacing:var(--tracking-normal);color:var(--color-ink)}.skills-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.skills-list li{font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-normal);color:var(--color-ink);margin:0}#how-i-work .prose>:first-child{margin-top:0}.practice-close{margin-top:var(--space-12)}.chapter .prose>:last-child{margin-bottom:0}.tool-stack{--tool-mark:1.5rem;place-items:start center;column-gap:var(--space-4);row-gap:var(--space-5);color:var(--color-ink);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tool-stack>li{min-width:0;max-width:100%;margin:0}.tool-stack{margin-block:calc(var(--space-2) * -1)}.tool-stack__item{align-items:center;gap:var(--space-2);min-width:var(--target);padding:var(--space-2) 0;color:var(--color-ink);flex-direction:column;display:flex}@media (width>=36rem){.tool-stack{justify-content:start;column-gap:var(--space-8);row-gap:var(--space-4);grid-template-columns:repeat(6,max-content)}}@media (width>=48rem){.tool-stack{--tool-mark:1.75rem}}.tool-stack__mark{width:var(--tool-mark);height:var(--tool-mark);place-items:center;display:grid;position:relative}.tool-stack__glyph{width:var(--tool-mark);height:var(--tool-mark);place-items:center;display:grid}[data-mode=dark] .tool-stack__glyph--mono svg,[data-mode=dark] .tool-stack__glyph--mono svg *{fill:var(--color-ink)}.tool-stack__glyph svg{width:var(--tool-mark);height:var(--tool-mark);-webkit-user-drag:none;display:block}.tool-stack__name{font-family:var(--font-data);font-size:var(--text-data);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-feature-settings:"case";line-height:var(--leading-data);text-align:center;white-space:nowrap;color:var(--color-muted)}@property --clay{syntax:"<color>";inherits:true;initial-value:#f7f7f5}@property --clay-ink{syntax:"<color>";inherits:true;initial-value:#18181a}@property --clay-shadow{syntax:"<color>";inherits:true;initial-value:#00000038}@property --clay-highlight{syntax:"<color>";inherits:true;initial-value:#ffffff73}.brand-stage{background:var(--brand-stage)}.study-hero__stage.brand-stage,.study-hero__stage.brand-stage .company-mark,.study-hero__stage.brand-stage .study-card__desc{color:#18181a}.study-hero__stage.brand-stage.study-hero__stage--paper,.study-hero__stage.brand-stage.study-hero__stage--paper .company-mark,.study-hero__stage.brand-stage.study-hero__stage--paper .study-card__desc{color:#fff}.project-visual,.lab-visual,.opportunity-compare,.click-through,.phone-flow{--clay:#f7f7f5;--clay-ink:#18181a;--clay-shadow:#00000038;--clay-highlight:#ffffff73;--clay-edge:#0000001a}[data-mode=dark] .project-visual,[data-mode=dark] .lab-visual,[data-mode=dark] .opportunity-compare,[data-mode=dark] .click-through,[data-mode=dark] .phone-flow{--clay:var(--color-rule);--clay-ink:#f4f4f5;--clay-shadow:#00000073;--clay-highlight:#ffffff14;--clay-edge:#ffffff0f}html[data-mode-ready] .project-visual,html[data-mode-ready] .lab-visual,html[data-mode-ready] .opportunity-compare,html[data-mode-ready] .click-through,html[data-mode-ready] .phone-flow{transition:--clay var(--duration) var(--ease-standard), --clay-ink var(--duration) var(--ease-standard), --clay-shadow var(--duration) var(--ease-standard), --clay-highlight var(--duration) var(--ease-standard), background-color var(--duration) var(--ease-standard), color var(--duration) var(--ease-standard)}.project-visual{position:absolute;inset:0}.clay{background:var(--clay);box-shadow:0 0 0 1px var(--clay-edge,transparent), inset 0 1px 0 var(--clay-highlight)}.opportunity-compare,.click-through{--clay-edge:#0000001a}[data-mode=dark] .opportunity-compare,[data-mode=dark] .click-through{--clay-edge:#ffffff0f}.clay__screen{background:#ececea;min-height:0;overflow:hidden}.clay__screen img{width:100%;height:auto;display:block}.clay__screen--contain{background:#e6e6e4}.clay__screen--contain img{object-fit:contain;object-position:center;width:100%;height:100%}.project-visual--phone>.clay--phone{aspect-ratio:9/19.5;border-radius:1.7rem;width:58%;height:auto;padding:.5rem;display:flex;position:absolute;top:5%;left:50%;transform:translate(-50%)}.clay--phone .clay__screen{border-radius:1.2rem;flex:1}.project-visual--browser>.clay--browser{border-radius:.7rem;flex-direction:column;height:auto;padding:0 .4rem .4rem;display:flex;position:absolute;inset:auto 4% -12%}.project-visual--browser>.clay--browser .clay__screen{flex:none}.project-visual--laptop>.laptop{flex-direction:column;align-items:center;width:72%;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.clay--laptop{aspect-ratio:16/10.4;border-radius:.75rem .75rem .2rem .2rem;width:100%;min-height:0;padding:2.6% 2.6% 3.4%;display:flex;position:relative}.clay--laptop .clay__screen{border-radius:.2rem;flex:1}.clay__camera{background:color-mix(in srgb, var(--clay-ink) 28%, transparent);border-radius:50%;width:.28rem;height:.28rem;position:absolute;top:1.6%;left:50%;transform:translate(-50%)}.clay__deck{aspect-ratio:118/3.6;border-radius:.15rem .15rem .9rem .9rem/.15rem .15rem .5rem .5rem;flex:none;width:118%;position:relative}.clay__deck:before{content:"";background:color-mix(in srgb, var(--clay-ink) 10%, transparent);border-radius:0 0 .4rem .4rem;width:15%;height:40%;position:absolute;top:0;left:50%;transform:translate(-50%)}.clay__bar{flex:none;align-items:center;gap:.28rem;height:1.35rem;padding-left:.45rem;display:flex}.clay__bar i{background:color-mix(in srgb, var(--clay-ink) 28%, transparent);border-radius:50%;width:.38rem;height:.38rem;display:block}.clay--browser .clay__screen,.clay--tablet .clay__screen{border-radius:.35rem;flex:1}.clay--tablet .clay__screen{border-radius:.65rem}.project-visual--system>.clay--tablet{aspect-ratio:1.53;width:68%;min-height:0;transition:transform var(--duration) var(--ease-out);border-radius:1.15rem;padding:.5rem;display:flex;position:absolute;top:12%;left:8%;transform:rotate(-4deg)}.project-visual--system>.clay--phone{aspect-ratio:9/16;width:28%;height:auto;min-height:0;transition:transform var(--duration) var(--ease-out);border-radius:.9rem;padding:.35rem;display:flex;position:absolute;bottom:9%;right:8%;transform:rotate(7deg)}.study-card:has(:focus-visible) .project-visual--system>.clay--tablet{transform:translate(-.85rem,-.45rem)rotate(-4deg)scale(1.06)}@media (hover:hover){.study-card:hover .project-visual--system>.clay--tablet{transform:translate(-.85rem,-.45rem)rotate(-4deg)scale(1.06)}}.study-card:has(:focus-visible) .project-visual--system>.clay--phone{transform:translate(.9rem,.55rem)rotate(7deg)scale(1.08)}@media (hover:hover){.study-card:hover .project-visual--system>.clay--phone{transform:translate(.9rem,.55rem)rotate(7deg)scale(1.08)}}.thumb-card:has(:focus-visible) .project-visual--system>.clay--tablet{transform:translate(-.4rem,-.15rem)rotate(-4deg)scale(1.04)}@media (hover:hover){.thumb-card:hover .project-visual--system>.clay--tablet{transform:translate(-.4rem,-.15rem)rotate(-4deg)scale(1.04)}}.thumb-card:has(:focus-visible) .project-visual--system>.clay--phone{transform:translate(.35rem,.2rem)rotate(7deg)scale(1.05)}@media (hover:hover){.thumb-card:hover .project-visual--system>.clay--phone{transform:translate(.35rem,.2rem)rotate(7deg)scale(1.05)}}@media (prefers-reduced-motion:reduce){.project-visual--system>.clay--tablet,.project-visual--system>.clay--phone{transition:none}.study-card:has(:focus-visible) .project-visual--system>.clay--tablet,.thumb-card:has(:focus-visible) .project-visual--system>.clay--tablet{transform:rotate(-4deg)}@media (hover:hover){.study-card:hover .project-visual--system>.clay--tablet,.thumb-card:hover .project-visual--system>.clay--tablet{transform:rotate(-4deg)}}.study-card:has(:focus-visible) .project-visual--system>.clay--phone,.thumb-card:has(:focus-visible) .project-visual--system>.clay--phone{transform:rotate(7deg)}@media (hover:hover){.study-card:hover .project-visual--system>.clay--phone,.thumb-card:hover .project-visual--system>.clay--phone{transform:rotate(7deg)}}}.project-visual--system>.clay--phone .clay__screen{border-radius:.55rem}.project-visual--system .clay__screen{position:relative}[data-mode=dark] .project-visual--desk{--clay-edge:#ffffff14}.project-visual--desk>.clay--browser{aspect-ratio:16/10.6;width:70%;min-height:0;transition:transform var(--duration) var(--ease-out);border-radius:.7rem;flex-direction:column;padding:0 .4rem .4rem;display:flex;position:absolute;top:10%;left:7%}.project-visual--desk>.clay--browser .clay__screen{position:relative}.project-visual--desk>.clay--phone{aspect-ratio:9/19.5;width:20%;min-height:0;transition:transform var(--duration) var(--ease-out);border-radius:.9rem;padding:.35rem;display:flex;position:absolute;bottom:7%;right:7%}.project-visual--desk>.clay--phone .clay__screen{border-radius:.6rem;position:relative}.study-card:has(:focus-visible) .project-visual--desk>.clay--browser{transform:translate(-.7rem,-.3rem)}.study-card:has(:focus-visible) .project-visual--desk>.clay--phone{transform:translate(.7rem,.4rem)}.thumb-card:has(:focus-visible) .project-visual--desk>.clay--browser{transform:translate(-.35rem,-.15rem)}.thumb-card:has(:focus-visible) .project-visual--desk>.clay--phone{transform:translate(.35rem,.2rem)}@media (hover:hover){.study-card:hover .project-visual--desk>.clay--browser{transform:translate(-.7rem,-.3rem)}.study-card:hover .project-visual--desk>.clay--phone{transform:translate(.7rem,.4rem)}.thumb-card:hover .project-visual--desk>.clay--browser{transform:translate(-.35rem,-.15rem)}.thumb-card:hover .project-visual--desk>.clay--phone{transform:translate(.35rem,.2rem)}}@media (prefers-reduced-motion:reduce){.project-visual--desk>.clay--browser,.project-visual--desk>.clay--phone{transition:none}.study-card:has(:focus-visible) .project-visual--desk>.clay--browser,.study-card:has(:focus-visible) .project-visual--desk>.clay--phone,.thumb-card:has(:focus-visible) .project-visual--desk>.clay--browser,.thumb-card:has(:focus-visible) .project-visual--desk>.clay--phone,.study-card:hover .project-visual--desk>.clay--browser,.study-card:hover .project-visual--desk>.clay--phone,.thumb-card:hover .project-visual--desk>.clay--browser,.thumb-card:hover .project-visual--desk>.clay--phone{transform:none}}.project-visual--desk .clay__island,.project-visual--system .clay__island,.project-visual--phone .clay__island{z-index:1;aspect-ratio:3.6;pointer-events:none;background:#0a0a0c;border-radius:999px;width:30%;position:absolute;top:1.1%;left:50%;transform:translate(-50%)}.project-visual--system>.clay--tablet .clay__island{width:11%;top:1.2%}.project-visual--scroll .clay__screen{background:#faf7f2;position:relative}.project-visual--scroll .clay__screen img{transition:top 8.5s cubic-bezier(.45,0,.55,1),transform 8.5s cubic-bezier(.45,0,.55,1);position:absolute;top:0;left:0}.thumb-card:has(:focus-visible) .project-visual--scroll .clay__screen img,.study-card:has(:focus-visible) .project-visual--scroll .clay__screen img{top:100%;transform:translateY(-100%)}@media (hover:hover){.thumb-card:hover .project-visual--scroll .clay__screen img,.study-card:hover .project-visual--scroll .clay__screen img{top:100%;transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.project-visual--scroll .clay__screen img{transition:none}.thumb-card:has(:focus-visible) .project-visual--scroll .clay__screen img,.study-card:has(:focus-visible) .project-visual--scroll .clay__screen img,.thumb-card:hover .project-visual--scroll .clay__screen img,.study-card:hover .project-visual--scroll .clay__screen img{top:0;transform:none}}.visual-caption{z-index:2;color:#fff;font-family:var(--font-data);font-size:var(--text-data);font-weight:var(--weight-bold);letter-spacing:var(--tracking-caps);line-height:var(--leading-data);text-transform:uppercase;font-feature-settings:"case";background:#151517;padding:.25rem .7rem;position:absolute;bottom:9%;right:7%;transform:rotate(-3deg)}.project-visual--thumb.project-visual--phone>.clay--phone{width:46%;height:auto;top:6%}.project-visual--thumb.project-visual--desk>.clay--browser{width:62%;top:12%;left:9%}.project-visual--thumb.project-visual--desk>.clay--phone{border-radius:.7rem;width:16%;padding:.25rem;bottom:8%;right:13%}.project-visual--thumb.project-visual--desk>.clay--phone .clay__screen{border-radius:.5rem}.project-visual--thumb.project-visual--desk>.clay--browser{border-radius:.5rem;padding:0 .3rem .3rem}.project-visual--thumb.project-visual--browser>.clay--browser{transform-origin:50% 100%;width:78%;height:auto;transition:transform .9s cubic-bezier(.45,0,.25,1);inset:auto auto -22% 50%;transform:translate(-50%)}.project-visual--thumb .clay__bar{height:1rem}.project-visual--thumb.project-visual--laptop>.laptop{width:74%}.project-visual--thumb .clay--laptop{border-radius:.5rem .5rem .15rem .15rem}.project-visual--thumb .visual-caption{font-size:var(--text-data)}.project-visual--hero.project-visual--phone>.clay--phone{width:34%;height:auto;top:18%;left:auto;right:4%;transform:none}.project-visual--hero.project-visual--browser>.clay--browser{width:min(97% - min(48%,31.5rem),50rem);height:auto;inset:auto 3% 10% auto}.project-visual--hero.project-visual--system>.clay--tablet{width:42%;left:50%}.project-visual--hero.project-visual--laptop>.laptop{width:40%;left:73%}.project-visual--hero.project-visual--system>.clay--phone{width:18%;right:7%}.project-visual--hero.project-visual--desk>.clay--browser{width:41%;top:22%;left:50%}.project-visual--hero.project-visual--desk>.clay--phone{width:12%;bottom:12%;right:5%}@media (width>=48rem){.study-hero__stage.brand-stage .study-hero__copy{padding-inline-end:56%}}@media (width<=47.99rem){.study-hero__stage.brand-stage,.study-hero__stage.brand-stage:has(.project-visual--phone){min-height:34rem}.project-visual--hero.project-visual--phone>.clay--phone{width:72%;height:auto;transform:translate(calc(-50% - var(--space-page-x) / 2), 46%);inset:auto auto 0 50%}.study-hero__stage[data-slug=ebay-tire-installation] .project-visual--hero.project-visual--phone>.clay--phone{transform:translate(calc(-50% - var(--space-page-x) / 2), 54%)}.project-visual--hero.project-visual--browser>.clay--browser{width:76%;height:auto;transform:translateX(calc(-50% - var(--space-page-x) / 2));inset:auto auto -8% 50%}.project-visual--hero.project-visual--system>.clay--tablet{width:62%;top:auto;bottom:12%;left:7%}.project-visual--hero.project-visual--laptop>.laptop{width:76%;transform:translateX(calc(-50% - var(--space-page-x) / 2));left:50%}.project-visual--hero.project-visual--system>.clay--phone{width:26%;bottom:8%;right:7%}.project-visual--hero.project-visual--desk>.clay--browser{width:72%;top:auto;bottom:12%;left:4%}.project-visual--hero.project-visual--desk>.clay--phone{width:22%;bottom:6%;right:6%}.study-hero__stage>.project-visual--hero.project-visual--desk{translate:calc(-.5 * var(--space-page-x)) 0}.study-hero__stage>.project-visual--hero.project-visual--system{translate:calc(-.5 * var(--space-page-x) - 0.7%) 0}}.lab-visual{position:absolute;inset:0;overflow:hidden}.lab-visual--synthesis{background:color-mix(in srgb, var(--color-ink) 7%, var(--color-paper));place-items:center;display:grid}.lab-vco__wave{width:72%;height:40%;display:block;overflow:hidden}.lab-vco__wave path{fill:none;stroke:var(--color-accent);stroke-width:3px;stroke-linecap:round;vector-effect:non-scaling-stroke;animation:2s linear infinite paused lab-vco-run}@keyframes lab-vco-run{to{transform:translate(-80px)}}.thumb-card__link:focus-visible .lab-vco__wave path{animation-play-state:running}@media (hover:hover){.thumb-card__link:hover .lab-vco__wave path{animation-play-state:running}}@media (prefers-reduced-motion:reduce){.lab-vco__wave path{animation:none}}.lab-visual--form-metrics{color:#171719;background:#f2f2ef;padding:12% 8%}[data-mode=dark] .lab-visual--form-metrics{color:#f4f4f5;background:#2a2a2c}.lab-metrics{--lm-main:#9614be;--lm-latest:#60a5fa;--lm-axis:#9e9ea0;--lm-zone:#e5e7eb;--lm-ease:cubic-bezier(.4, 0, .2, 1);border-bottom:1px solid var(--lm-axis);position:absolute;inset:16% 12% 18%}[data-mode=dark] .lab-metrics{--lm-axis:#6e6e72;--lm-zone:#353538}.lab-metrics__zone{background:repeating-linear-gradient(-30deg, transparent 0 7px, color-mix(in srgb, var(--lm-axis) 55%, transparent) 7px 8px), var(--lm-zone);border-top:1px dotted var(--lm-axis);position:absolute;inset:50% 0 0}.lab-metrics__bars{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset:0 8%}.lab-metrics__group{justify-content:center;align-items:flex-end;width:11%;height:100%;display:flex}.lab-metrics__bar{border-radius:999px 999px 0 0;display:block}.lab-metrics__bar--main{width:100%;height:var(--latest);background:var(--lm-main);transition:width .7s var(--lm-ease), height .6s var(--lm-ease) .1s}.lab-metrics__bar--latest{background:var(--lm-latest);width:0;height:0;transition:width .7s var(--lm-ease), height .7s var(--lm-ease), margin .7s var(--lm-ease)}.thumb-card__link:focus-visible .lab-metrics__bar--main{width:44%;height:var(--previous)}.thumb-card__link:focus-visible .lab-metrics__bar--latest{width:44%;height:var(--latest);margin-right:12%;transition-delay:0s,50ms,0s}@media (hover:hover){.thumb-card__link:hover .lab-metrics__bar--main{width:44%;height:var(--previous)}.thumb-card__link:hover .lab-metrics__bar--latest{width:44%;height:var(--latest);margin-right:12%;transition-delay:0s,50ms,0s}}@media (prefers-reduced-motion:reduce){.lab-metrics__bar{transition:none}}.site-footer a.site-footer__social{min-width:var(--target-min);color:var(--footer-fg);touch-action:manipulation;transition:color var(--duration) var(--ease-standard);background-image:none;justify-content:center;align-self:center}@media (pointer:coarse),(width<=47.99rem){.site-footer a.site-footer__social{min-width:var(--target);min-height:var(--target)}}@media (width<=47.99rem){html:has(astro-dev-toolbar) .site-footer{padding-bottom:calc(var(--space-6) - 1px + var(--space-12))}}.site-footer__linkedin-mark{fill:var(--footer-bg);transition:fill var(--duration) var(--ease-standard)}.site-footer__social svg{translate:0 -1px}@media (hover:hover){.site-footer a.site-footer__social:hover{color:var(--color-linkedin)}.site-footer a.site-footer__social:hover .site-footer__linkedin-mark{fill:var(--footer-fg)}}@media (prefers-reduced-motion:reduce){.site-footer a.site-footer__social,.site-footer__linkedin-mark{transition:none}}.kicker,.case-open>.kicker,.prose .kicker,.prose .study-designed__group>.study-designed__label{margin-bottom:var(--kicker-gap)}.strip__bar .strip__count{margin:0;translate:0 1px}.click-through__aside>.click-through__now{margin:0}.prose .study-designed__group>.study-designed__label:last-child{margin-bottom:0}.prose .service-flow>.kicker{margin-bottom:calc(var(--kicker-gap) - var(--space-2))}@media (width>=40.01rem){.prose .click-through>.kicker,.prose .click-through>.click-through__head,.prose .click-through>.click-through__aside,.study-lead>.click-through>.click-through__head,.study-lead>.click-through>.click-through__aside{margin-bottom:calc(var(--kicker-gap) + var(--space-2) - var(--space-3))}.prose[data-study] .phone-flow__layout>h3,.study-flow-pair .phone-flow__layout>h3,.study-lead .phone-flow__layout>h3{margin-bottom:calc(var(--space-8) - var(--space-2))}}h4.kicker,.prose h4.kicker{font-family:var(--font-display);font-size:var(--text-body);line-height:var(--leading-title);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal);text-transform:none;font-feature-settings:normal;color:var(--color-ink)}.service-flow[data-shape=phone] .service-flow__open{width:100%;max-width:16rem;margin-inline:auto;display:block}.service-flow[data-shape=phone] .source-fig{box-shadow:none;background:0 0;border-radius:0}.study-figure-pair{align-items:center;gap:var(--space-5);grid-template-columns:16rem minmax(0,26rem);display:grid}.service-flow[data-shape=phone] .study-figure-pair .service-flow__open,.service-flow[data-shape=phone] .study-figure-pair .source-fig{border-radius:13.7%/6.3%;margin-inline:0}.service-flow[data-shape=phone] .study-figure-pair .service-flow__open{overflow:hidden}.prose .study-figure-pair__art{border-radius:var(--radius-card);width:100%;height:auto;margin:0;display:block}.service-flow[data-shape=phone] .study-figure-pair .study-figure-pair__open{border-radius:var(--radius-card);max-width:none}@media (width<=40rem){.study-figure-pair{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}}.study-page>.prose>.study-figure-small{width:auto;max-width:var(--measure)}.study-figure-small__card{padding:var(--space-6) var(--space-5);border-radius:var(--radius-card);box-shadow:0 0 0 var(--rule-width) var(--color-rule);background:#fff;place-items:center;display:grid}.study-figure-small .source-fig,.prose .study-figure-small .source-fig{width:100%;max-width:18rem;box-shadow:none;background:0 0;border-radius:0;margin:0}.project-visual--tilt>.clay--phone{transition:transform .9s cubic-bezier(.45,0,.25,1)}.study-card:has(:focus-visible) .project-visual--tilt.project-visual--study>.clay--phone{transform:translate(-50%)scale(1.07)rotate(-4deg)}.thumb-card:has(:focus-visible) .project-visual--tilt.project-visual--thumb>.clay--phone{transform:translate(-50%)scale(1.06)rotate(-4deg)}@media (hover:hover){.study-card:hover .project-visual--tilt.project-visual--study>.clay--phone{transform:translate(-50%)scale(1.07)rotate(-4deg)}.thumb-card:hover .project-visual--tilt.project-visual--thumb>.clay--phone{transform:translate(-50%)scale(1.06)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.project-visual--tilt>.clay--phone{transition:none}.study-card:has(:focus-visible) .project-visual--tilt.project-visual--study>.clay--phone,.thumb-card:has(:focus-visible) .project-visual--tilt.project-visual--thumb>.clay--phone{transform:translate(-50%)}@media (hover:hover){.study-card:hover .project-visual--tilt.project-visual--study>.clay--phone,.thumb-card:hover .project-visual--tilt.project-visual--thumb>.clay--phone{transform:translate(-50%)}}}.clay__screen--gallery{position:relative;overflow:hidden}.project-visual__gallery{width:calc(var(--gallery-n) * 100%);margin:0;padding:0;list-style:none;display:flex;position:absolute;inset:0;transform:translate(0)}.project-visual__gallery>li{flex:0 0 calc(100% / var(--gallery-n));width:calc(100% / var(--gallery-n));min-width:0;overflow:hidden}.study-card:has(:focus-visible) .project-visual--gallery .project-visual__gallery,.thumb-card:has(:focus-visible) .project-visual--gallery .project-visual__gallery{animation:project-visual-gallery calc(var(--gallery-n) * 3 * var(--duration)) var(--ease-out) calc(var(--duration) * -2 + var(--duration-fast)) infinite}@media (hover:hover){.study-card:hover .project-visual--gallery .project-visual__gallery,.thumb-card:hover .project-visual--gallery .project-visual__gallery{animation:project-visual-gallery calc(var(--gallery-n) * 3 * var(--duration)) var(--ease-out) calc(var(--duration) * -2 + var(--duration-fast)) infinite}}@media (prefers-reduced-motion:reduce){.study-card:has(:focus-visible) .project-visual--gallery .project-visual__gallery,.thumb-card:has(:focus-visible) .project-visual--gallery .project-visual__gallery{animation:none}@media (hover:hover){.study-card:hover .project-visual--gallery .project-visual__gallery,.thumb-card:hover .project-visual--gallery .project-visual__gallery{animation:none}}}.project-visual--zoom>.clay--phone{transition:transform .9s cubic-bezier(.45,0,.25,1)}.study-card:has(:focus-visible) .project-visual--zoom.project-visual--study>.clay--phone{transform:translate(-50%)scale(1.07)}.thumb-card:has(:focus-visible) .project-visual--zoom.project-visual--thumb>.clay--phone{transform:translate(-50%)scale(1.06)}@media (hover:hover){.study-card:hover .project-visual--zoom.project-visual--study>.clay--phone{transform:translate(-50%)scale(1.07)}.thumb-card:hover .project-visual--zoom.project-visual--thumb>.clay--phone{transform:translate(-50%)scale(1.06)}}@media (prefers-reduced-motion:reduce){.project-visual--zoom>.clay--phone{transition:none}.study-card:has(:focus-visible) .project-visual--zoom.project-visual--study>.clay--phone,.thumb-card:has(:focus-visible) .project-visual--zoom.project-visual--thumb>.clay--phone{transform:translate(-50%)}@media (hover:hover){.study-card:hover .project-visual--zoom.project-visual--study>.clay--phone,.thumb-card:hover .project-visual--zoom.project-visual--thumb>.clay--phone{transform:translate(-50%)}}}.project-visual--laptop:is(.project-visual--study,.project-visual--thumb)>.laptop{transform-origin:50% 100%;transition:transform .9s cubic-bezier(.45,0,.25,1)}.study-card:has(:focus-visible) .project-visual--laptop.project-visual--study>.laptop{transform:translate(-50%)scale(1.07)}.thumb-card:has(:focus-visible) .project-visual--laptop.project-visual--thumb>.laptop{transform:translate(-50%)scale(1.06)}@media (hover:hover){.study-card:hover .project-visual--laptop.project-visual--study>.laptop{transform:translate(-50%)scale(1.07)}.thumb-card:hover .project-visual--laptop.project-visual--thumb>.laptop{transform:translate(-50%)scale(1.06)}}@media (prefers-reduced-motion:reduce){.project-visual--laptop>.laptop{transition:none}.study-card:has(:focus-visible) .project-visual--laptop.project-visual--study>.laptop,.thumb-card:has(:focus-visible) .project-visual--laptop.project-visual--thumb>.laptop{transform:translate(-50%)}@media (hover:hover){.study-card:hover .project-visual--laptop.project-visual--study>.laptop,.thumb-card:hover .project-visual--laptop.project-visual--thumb>.laptop{transform:translate(-50%)}}}.thumb-card:has(:focus-visible) .project-visual--browser.project-visual--thumb>.clay--browser{transform:translate(-50%)scale(1.06)}@media (hover:hover){.thumb-card:hover .project-visual--browser.project-visual--thumb>.clay--browser{transform:translate(-50%)scale(1.06)}}@media (prefers-reduced-motion:reduce){.project-visual--browser.project-visual--thumb>.clay--browser{transition:none}.thumb-card:has(:focus-visible) .project-visual--browser.project-visual--thumb>.clay--browser{transform:translate(-50%)}@media (hover:hover){.thumb-card:hover .project-visual--browser.project-visual--thumb>.clay--browser{transform:translate(-50%)}}}.project-visual--framed>.clay--phone{aspect-ratio:900/1840;box-shadow:none;background:0 0;border-radius:0;padding:0}.project-visual--framed>.clay--phone .clay__screen{background:0 0;border-radius:0}.project-visual--framed>.clay--phone .clay__screen img{object-fit:contain;width:100%;height:100%}
