.case-study-nav[data-astro-cid-duv2srto]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);font-family:var(--font-body);font-weight:var(--font-weight-bold);font-size:var(--text-body);color:var(--color-link)}.case-study-nav__link[data-astro-cid-duv2srto]{color:var(--color-link);text-decoration:none;transition:color .15s ease}.case-study-nav__link[data-astro-cid-duv2srto]:hover{color:var(--color-link-hover);text-decoration:underline}.case-study-nav__link[data-astro-cid-duv2srto]:focus-visible{outline:2px solid var(--color-link-focus-border);outline-offset:2px}.case-study-nav__link[data-astro-cid-duv2srto]:last-child{text-align:right}.case-study-nav__link--disabled[data-astro-cid-duv2srto]{visibility:hidden}@media(max-width:768px){.case-study-nav[data-astro-cid-duv2srto]{flex-direction:column;align-items:stretch}}.case-study[data-astro-cid-ukz3c45w]{display:flex;flex-direction:column;gap:var(--space-xl);max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter);padding-block:var(--space-xl)}.case-study__header[data-astro-cid-ukz3c45w]{display:flex;flex-direction:column;gap:var(--space-md)}.case-study__title[data-astro-cid-ukz3c45w]{margin:0;font-family:var(--font-heading-bold);font-size:var(--text-h1);font-weight:var(--font-weight-bold)}.case-study__subtitle[data-astro-cid-ukz3c45w]{margin:0;font-family:var(--font-heading-bold);font-size:var(--text-h2);font-weight:var(--font-weight-bold)}.case-study__body[data-astro-cid-ukz3c45w]{display:flex;flex-direction:column;gap:var(--space-sm);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-long)}.case-study__body[data-astro-cid-ukz3c45w] p{margin:0}.case-study__body[data-astro-cid-ukz3c45w] em{color:var(--color-text-secondary)}.case-study__embed-block[data-astro-cid-ukz3c45w]{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-md)}.figma-embed[data-astro-cid-ukz3c45w]{width:100%;aspect-ratio:800 / 450;border-radius:var(--radius-card);overflow:hidden}.figma-embed[data-astro-cid-ukz3c45w] iframe[data-astro-cid-ukz3c45w]{width:100%;height:100%;border:1px solid rgba(0,0,0,.1);display:block}.case-study__demo-link[data-astro-cid-ukz3c45w]{align-self:flex-start;font-family:var(--font-body);font-weight:var(--font-weight-bold);font-size:var(--text-body);color:var(--color-link);text-decoration:none;transition:color .15s ease}.case-study__demo-link[data-astro-cid-ukz3c45w]:hover{color:var(--color-link-hover);text-decoration:underline}.case-study__demo-link[data-astro-cid-ukz3c45w]:focus-visible{outline:2px solid var(--color-link-focus-border);outline-offset:2px}@media(max-width:768px){.case-study[data-astro-cid-ukz3c45w]{padding-block:var(--space-lg);gap:var(--space-lg)}.figma-embed[data-astro-cid-ukz3c45w]{display:none}.case-study__embed-block[data-astro-cid-ukz3c45w]{align-items:stretch}}.cs{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--gutter);padding-block:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.cs__header{display:flex;flex-direction:column;gap:var(--space-sm)}.cs__header .divider{width:1018px;max-width:100%;margin-top:calc(var(--space-xs) * -1)}.cs__title{margin:0;font-family:var(--font-heading-bold);font-size:var(--text-h1);font-weight:var(--font-weight-bold);line-height:var(--leading-auto);letter-spacing:var(--tracking-heading)}.cs__subtitle{margin:0;font-family:var(--font-heading-bold);font-size:var(--text-h2);font-weight:var(--font-weight-bold);line-height:var(--leading-auto);letter-spacing:var(--tracking-heading)}.cs__hint{margin:0;font-family:var(--font-body);font-size:var(--text-body);font-style:italic;line-height:var(--leading-body)}.cs__content{display:flex;flex-direction:column;gap:var(--space-md)}.cs-body{display:flex;flex-direction:column;gap:var(--space-sm);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-long)}.cs-body p,.cs-body ul,.cs-body ol,.cs-cta p{margin:0}.cs-body ul,.cs-body ol{padding-left:36px}.cs-quote{position:relative;margin:0;padding-left:36px}.cs-quote:before{content:"“";position:absolute;top:-6px;left:0;font-family:var(--font-heading-bold);font-size:48px;line-height:1}.cs-quote:after{content:"";position:absolute;top:30px;bottom:4px;left:10px;width:3px;background:var(--color-text-primary)}.cs-h3{margin:0;font-family:var(--font-heading-bold);font-size:var(--text-body);font-weight:var(--font-weight-bold);line-height:var(--leading-long)}.cs-h4{margin:0;font-family:var(--font-heading);font-size:var(--text-body);font-weight:var(--font-weight-regular);line-height:var(--leading-auto)}.cs-h4--tall{line-height:36px}.cs-section{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0}.cs-section__heading{margin:0;font:inherit}.cs-section__toggle{display:flex;align-items:center;gap:var(--space-xs);width:100%;padding:0;border:none;background:none;color:var(--color-text-primary);font-family:var(--font-heading-bold);font-size:var(--text-body);font-weight:var(--font-weight-bold);line-height:var(--leading-long);text-align:left;cursor:pointer}.cs-section__toggle:hover .cs-section__title{color:var(--color-gold)}.cs-section__toggle:focus-visible{outline:2px solid var(--color-icon-focus-border);outline-offset:2px}.cs-section__title{transition:color .15s ease}.cs-section__icon{flex-shrink:0;transition:rotate .4s ease}.cs-section--open .cs-section__icon{rotate:180deg}.cs--js .cs-section:not(.cs-section--open) .cs-more{display:none}.cs:not(.cs--js) .cs-section__icon{display:none}.cs-row{display:flex;align-items:flex-start;gap:var(--space-sm)}.cs-row--tight{gap:10px}.cs-row--split{justify-content:space-between;align-items:center}.cs-table{align-self:flex-start;border-collapse:separate;border-spacing:16px 8px;margin:-8px -16px;text-align:left}.cs-table th{padding:0;font-family:var(--font-heading);font-weight:var(--font-weight-regular);line-height:var(--leading-auto);vertical-align:top}.cs-table td{padding:0;line-height:var(--leading-body);vertical-align:top}.cs-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-sm)}.cs-figure{display:block;flex-shrink:0;max-width:100%;height:auto;border-radius:var(--radius-card)}.cs-cycle{flex-shrink:0;width:312px;max-width:100%;height:auto}.cs--js .cs-section:not(.cs-section--open) .cs-cycle{width:209px}.cs-shots{display:flex;align-items:flex-start;gap:var(--space-sm)}.cs-row .cs-shots{flex-shrink:0}.cs-shots--center{justify-content:center}.cs-shots img,.cs-sketches img,.cs-flow{display:block;border-radius:var(--radius-card)}.cs-shots img{flex:0 1 180px;min-width:0;height:auto;aspect-ratio:180 / 320;object-fit:cover}.cs-shots .cs-shot--wide{flex-basis:533px;aspect-ratio:533 / 320}.cs--js .cs-section:not(.cs-section--open) .cs-row .cs-shots img{flex-basis:203px;aspect-ratio:203 / 360}.cs-sketches{display:flex;gap:var(--space-sm)}.cs-sketches--top{align-items:flex-start}.cs-sketches img{flex:var(--sketch-width) 1 0;min-width:0;height:auto}.cs-flow{width:100%;height:auto}@media(hover:hover){.cs-shots img:hover,.cs-sketches img:hover,.cs-figure:hover,.cs-flow:hover{position:relative;z-index:1;transform:scale(1.05);box-shadow:4px 4px 4px #f7f2e74d}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.cs-shots img,.cs-sketches img,.cs-figure,.cs-flow{transition:transform .2s ease,box-shadow .2s ease}}.cs-timeline{overflow-x:auto}.cs-timeline:focus-visible{outline:2px solid var(--color-icon-focus-border);outline-offset:2px}.cs-timeline svg{display:block;width:100%;height:auto}.cs-timeline__phase{fill:var(--color-gold);font-family:var(--font-body);font-size:24px}.cs-timeline__date{fill:#fff;font-family:var(--font-body);font-size:20px}.cs-timeline--chart svg{width:935px;max-width:100%}.cs-chart__label{fill:#fff;font-family:var(--font-body);font-size:24px;font-weight:var(--font-weight-bold)}.cs-chart__axis{fill:var(--color-text-secondary);font-family:var(--font-body);font-size:20px}.cs-chart__value{fill:var(--color-text-primary);font-family:var(--font-body);font-size:20px}.cs-reflection{display:flex;align-items:center;gap:10px}.cs-reflection--top{align-items:flex-start}.cs-reflection--top .cs-reflection__bulb{margin-bottom:-5px}.cs-reflection__bulb{flex-shrink:0;width:314px;height:auto}.cs-cta{position:relative;padding:var(--space-md);background:var(--color-bg-panel);border-radius:var(--radius-panel);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-long)}.cs-cta:before{content:"";position:absolute;inset:-3px;border:24px solid transparent;border-image:url(/images/ui/panel-outline.svg) 24 stretch;pointer-events:none}.cs-cta a{position:relative;font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;transition:color .15s ease}.cs-cta a:hover{color:var(--color-link-hover);text-decoration:underline}.cs-cta a:focus-visible{outline:2px solid var(--color-link-focus-border);outline-offset:2px}@media(max-width:1100px){.cs-row{flex-direction:column}.cs-row .cs-shots{align-self:stretch}.cs-col{width:100%;flex:none}.cs-reflection__bulb{display:none}}@media(max-width:768px){.cs-timeline svg,.cs-timeline--chart svg{width:720px;max-width:none}}