.case-hero__wave{width:100%;height:var(--case-hero-wave-height);pointer-events:none;z-index:1;display:block;position:absolute;bottom:0;left:0;overflow:hidden}.case-hero__wave path{fill:var(--color-surface-primary)}
:root{--space-reading-width:720px;--space-breakout-width:960px}.case-study{background:var(--color-surface-primary);min-height:100svh}.case-hero{--case-hero-wave-height:var(--nav-height);min-height:66vh;padding-top:var(--nav-height);padding-bottom:calc(var(--nav-height) * 2);background:var(--case-hero-bg,var(--color-surface-tertiary));opacity:0;grid-template-columns:1fr;align-items:stretch;display:grid;position:relative}.case-hero__content{padding:var(--space-site-gutter);flex-direction:column;justify-content:flex-start;padding-bottom:0;display:flex}.case-hero__media{aspect-ratio:4/3;background:var(--color-surface-secondary);order:-1;align-self:center;position:relative;overflow:hidden}.case-hero__media video,.case-hero__media img{object-fit:cover;width:100%;height:100%;display:block}.case-hero__eyebrow{font-family:var(--font-family-base);font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:lowercase;color:var(--case-hero-fg,var(--color-text-secondary));margin-bottom:var(--space-component-gap)}.case-hero__title{font-family:var(--font-family-heading);font-size:var(--font-size-h1-fluid);font-weight:var(--font-weight-display);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-heading);color:var(--case-hero-fg,var(--color-text-primary));max-width:16em;margin-bottom:var(--space-component-gap)}.case-hero__lead{font-family:var(--font-family-base);font-size:var(--font-size-body);color:var(--case-hero-fg,var(--color-text-primary));line-height:var(--line-height-body);max-width:60ch;margin-bottom:0}.case-hero__eyebrow,.case-hero__title,.case-hero__lead{opacity:0}.case-hero__meta{gap:var(--space-component-gap);padding-top:var(--space-component-gap);grid-template-columns:repeat(2,1fr);display:grid}.case-meta-item{flex-direction:column;gap:4px;display:flex}.case-meta-item__label{font-family:var(--font-family-base);font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:lowercase;color:var(--color-text-secondary)}.case-meta-item__value{font-family:var(--font-family-base);font-size:var(--font-size-small);color:var(--color-text-primary);line-height:1.4}[data-mode=dark] .case-hero__eyebrow{color:var(--case-hero-fg,#78716c)}[data-mode=dark] .case-hero__title,[data-mode=dark] .case-hero__lead{color:var(--case-hero-fg,#1c1917)}[data-mode=dark] .case-hero .case-meta-item__label{color:#78716c}[data-mode=dark] .case-hero .case-meta-item__value{color:#1c1917}.case-highlights{padding-inline:var(--space-site-gutter)}.case-highlights__inner{border-top:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);padding-block:var(--nav-height)}.case-highlights__title{font-family:var(--font-family-heading);font-size:var(--font-size-h4);font-weight:var(--font-weight-display);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);margin:0 0 var(--space-component-gap)}.case-highlights__grid{gap:var(--space-tight-gap);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}.case-highlights__item{line-height:0}.case-highlights__item img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.case-highlights__trigger{cursor:default;pointer-events:none;border-radius:var(--border-radius-image);background:0 0;border:none;width:100%;padding:0;line-height:0;display:block;overflow:hidden}.case-highlights__trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.case-highlights__trigger img{will-change:transform}@media (prefers-reduced-motion:reduce){.case-highlights__trigger img{will-change:auto}}@media (min-width:1024px){.case-highlights__trigger{pointer-events:auto;cursor:zoom-in}}@media (min-width:768px){.case-highlights__grid{gap:var(--space-component-gap);grid-template-columns:1fr 1fr}}@media (min-width:1200px){.case-highlights__grid{grid-template-columns:repeat(4,1fr)}}.case-sticky-meta{z-index:10;background:var(--color-surface-primary);border-bottom:1px solid var(--color-border-default);padding:12px var(--space-site-gutter);justify-content:space-between;align-items:center;gap:var(--space-component-gap);display:flex;position:sticky;top:0}.case-sticky-meta__title{font-family:var(--font-family-base);font-size:var(--font-size-small);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.case-sticky-meta__back{font-family:var(--font-family-base);font-size:var(--font-size-label);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:lowercase;color:var(--color-text-secondary);transition:color var(--duration-interaction) ease;flex-shrink:0;text-decoration:none}.case-sticky-meta__back:hover{color:var(--color-text-primary)}.case-study__section{padding:var(--space-section-gap) var(--space-layout-margin);max-width:var(--space-reading-width);margin:0 auto}.case-study__section-label{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:lowercase;color:var(--color-text-secondary);margin-bottom:var(--space-element-gap)}.case-study__section-heading{font-family:var(--font-family-heading);font-size:var(--font-size-h2-fluid);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);margin-bottom:var(--space-component-gap);max-width:22ch}.case-study__subsection-heading{font-family:var(--font-family-heading);font-size:var(--font-size-h4);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);margin-top:var(--space-component-gap);font-style:italic}.case-study__context-layout{gap:var(--space-component-gap);flex-direction:column;display:flex}.case-study__article{gap:var(--space-element-gap);flex-direction:column;display:flex}.case-study__prose{font-family:var(--font-family-base);font-size:var(--font-size-body);font-weight:var(--font-weight-body);color:var(--color-text-primary);line-height:var(--line-height-body);margin:0}.case-study__prose--em{font-family:var(--font-family-heading);font-size:var(--font-size-lead);color:var(--color-text-primary);font-style:italic;line-height:var(--line-height-heading)}.case-study__prose--note{color:var(--color-text-secondary);font-size:var(--font-size-small);border-left:2px solid var(--color-border-default);padding-left:var(--space-element-gap);margin-top:var(--space-element-gap)}.case-study__inline-code{font-family:var(--font-family-mono);color:var(--color-accent-default);background:var(--color-surface-secondary);border-radius:var(--border-radius-interactive);padding:.1em .4em;font-size:.875em}.case-study__inline-link{color:var(--color-accent-default);text-underline-offset:.15em;transition:color var(--duration-interaction) var(--easing-default);text-decoration:underline}.case-study__inline-link:hover{color:var(--color-accent-hover)}@media (prefers-reduced-motion:reduce){.case-study__inline-link{transition:none}}.case-merge{padding:var(--space-section-gap) var(--space-layout-margin);max-width:var(--space-reading-width);gap:var(--space-component-gap);flex-direction:column;margin:0 auto;display:flex}.case-merge__label{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:lowercase;color:var(--color-text-secondary)}.case-merge__heading{font-family:var(--font-family-heading);font-size:var(--font-size-h2-fluid);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);color:var(--color-text-primary);max-width:26ch;font-style:italic}.case-merge__col{gap:var(--space-element-gap);flex-direction:column;display:flex}.case-merge__col-label{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:lowercase;color:var(--color-accent-default);padding-bottom:var(--space-element-gap);border-bottom:1px solid var(--color-border-default)}.case-merge__col-text{font-family:var(--font-family-base);font-size:var(--font-size-body);color:var(--color-text-secondary);line-height:var(--line-height-body)}.case-study__tldr-wrap{padding:0 var(--space-layout-margin) var(--space-section-gap);max-width:var(--space-breakout-width);margin:0 auto}.case-study__tldr{overflow:hidden}.case-study__tldr-cards{grid-template-columns:repeat(3,1fr);display:grid}.case-study__tldr-card{padding:0 var(--space-component-gap);border-right:1px solid var(--color-border-default);gap:calc(var(--space-tight-gap) * 1.5);flex-direction:column;display:flex}.case-study__tldr-card:last-child{border-right:none}.case-study__tldr-card__header{align-items:center;gap:calc(var(--space-tight-gap) * 1.5);display:flex}.case-study__tldr-icon{color:var(--color-text-secondary);flex-shrink:0}.case-study__tldr-label{font-family:var(--font-family-base);font-size:var(--font-size-body);font-weight:var(--font-weight-label);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-label);text-transform:lowercase}.case-study__tldr-text{font-family:var(--font-family-base);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-body);margin:0}.case-study__proof{background:var(--color-surface-secondary);border:1px solid var(--color-border-default);border-radius:var(--border-radius-interactive);padding:var(--space-component-gap);gap:var(--space-element-gap);margin-block:var(--space-component-gap);flex-direction:column;display:flex}.case-study__proof-row{gap:var(--space-element-gap);grid-template-columns:180px 1fr;align-items:baseline;display:grid}.case-study__proof-label{font-family:var(--font-family-base);font-size:var(--font-size-small);color:var(--color-text-secondary);white-space:nowrap}.case-study__proof-value{font-family:var(--font-family-mono);font-size:var(--font-size-small);color:var(--color-text-primary);background:0 0;border:none;padding:0}.case-study__tags{gap:var(--space-inline-gap);flex-wrap:wrap;display:flex}.case-study__cards-wrap{padding:0 var(--space-layout-margin) var(--space-section-gap);max-width:var(--space-breakout-width);margin:0 auto;display:none}@media (min-width:768px){.case-study__cards-wrap{display:block}}.case-study__cards{gap:var(--space-component-gap);grid-template-columns:repeat(3,1fr);display:grid}.case-study__quote{border-left:3px solid var(--color-accent-default);padding-left:var(--space-component-gap);margin:var(--space-component-gap) 0}.case-study__quote-text{font-family:var(--font-family-heading);font-size:var(--font-size-h4);font-style:italic;font-weight:var(--font-weight-regular);color:var(--color-text-primary);line-height:var(--line-height-heading);margin-bottom:var(--space-element-gap)}.case-study__quote-cite{font-family:var(--font-family-base);font-size:var(--font-size-small);color:var(--color-text-secondary);font-style:normal}.case-study__media-breakout{max-width:var(--space-reading-width);padding-inline:var(--space-layout-margin);margin-inline:auto}.case-study__media-caption{margin-top:var(--space-element-gap);font-family:var(--font-family-base);font-size:var(--font-size-small);color:var(--color-text-secondary);text-align:center}.case-study__media-pair{gap:var(--space-component-gap);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (max-width:600px){.case-study__media-pair{grid-template-columns:1fr}}.case-study__workflow{padding:var(--space-section-gap) var(--space-layout-margin);max-width:var(--space-breakout-width);margin:0 auto}.case-study__workflow-image{border-radius:var(--border-radius-component);width:100%;height:auto;display:block}.case-study__todo{background:color-mix(in srgb, var(--color-accent-default) 15%, transparent);color:var(--color-accent-default);border-radius:var(--border-radius-interactive);font-family:var(--font-family-mono);padding:.1em .4em;font-size:.875em}.case-study__divider{background:var(--color-border-default);height:1px;max-width:var(--space-reading-width);margin:0 auto}.case-next{margin-top:calc(var(--nav-height) / 2);border-top:1px solid var(--color-border-default)}.case-next__link{align-items:center;gap:var(--space-component-gap);padding:calc(var(--nav-height) / 2) var(--space-site-gutter);color:inherit;transition:color var(--duration-interaction) var(--easing-default);text-decoration:none;display:flex}.case-next__link:hover{color:var(--color-accent-default)}.case-next__link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.case-next__thumb{aspect-ratio:4/3;border-radius:var(--border-radius-sm);width:88px;transition:opacity var(--duration-interaction) var(--easing-default);flex-shrink:0;position:relative;overflow:hidden}.case-next__link:hover .case-next__thumb{opacity:.85}.case-next__text{flex:1}.case-next__label{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);text-transform:lowercase;color:var(--color-text-secondary);margin-bottom:var(--space-tight-gap)}.case-next__title{font-family:var(--font-family-heading);font-size:var(--font-size-h3);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);letter-spacing:var(--letter-spacing-heading);color:inherit}.case-next__arrow{color:var(--color-text-secondary);transition:transform var(--duration-interaction) var(--easing-default);flex-shrink:0;width:24px;height:24px}@media (min-width:768px){.case-next__arrow{width:40px;height:40px}}.case-next__link:hover .case-next__arrow{transform:translate(4px)}@media (prefers-reduced-motion:reduce){.case-next__link,.case-next__thumb,.case-next__arrow{transition:none}}@media (min-width:1200px){.case-hero{padding-top:var(--nav-height);padding-bottom:calc(var(--nav-height) * 2);grid-template-columns:3fr 2fr}.case-hero__content{padding:var(--space-section-gap) calc(var(--space-site-gutter) / 2) var(--space-component-gap) var(--space-site-gutter);justify-content:flex-end}.case-hero__media{margin-right:var(--space-site-gutter);border-radius:var(--border-radius-image);order:0;overflow:hidden}.case-hero__lead{font-size:var(--font-size-lead);margin-bottom:var(--space-component-gap)}.case-hero__meta{grid-template-columns:repeat(2,auto);justify-content:start}}@media (max-width:768px){.case-hero{padding-top:56px;padding-bottom:calc(var(--nav-height) * 2)}.case-study__section{padding-top:48px;padding-bottom:48px}.case-next__link{flex-wrap:wrap}.case-next__thumb{display:none}}@media (max-width:600px){.case-study__cards{grid-template-columns:1fr}}@media (max-width:480px){.case-study__section{padding-top:32px;padding-bottom:32px}.case-hero__meta{grid-template-columns:1fr 1fr}.case-study__tldr-cards{grid-template-columns:1fr}.case-study__tldr-card{padding-left:0;padding-right:0;padding-top:var(--space-component-gap);padding-bottom:var(--space-component-gap);border-right:none;border-bottom:1px solid var(--color-border-default)}.case-study__tldr-card:last-child{border-bottom:none}.case-study__proof-row{gap:var(--space-tight-gap);grid-template-columns:1fr}.case-study__section-heading{max-width:none}}