.cases{max-width:var(--content-max-width);margin:0 auto;padding:var(--space-32) var(--space-6);display:flex;flex-direction:column;gap:var(--space-8)}.cases__header{max-width:60ch}.cases__eyebrow{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.cases__heading{font-size:clamp(1.75rem,4vw,2.25rem);line-height:1.25}.cases__heading-accent{color:var(--accent-text)}.cases__subtitle{margin-top:var(--space-4);font-family:var(--font-sans);color:var(--text-secondary);font-size:1.05rem;line-height:1.6}.case-list{display:flex;flex-direction:column;gap:var(--space-24)}.case{display:flex;gap:var(--space-12);align-items:flex-start}.case--reverse{flex-direction:row-reverse}.case__media,.case__content{flex:1 1 50%;min-width:0}.case__media{position:sticky;top:calc(var(--navbar-height) + var(--space-8))}.case-teaser__image{clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%);box-shadow:0 8px 24px #00000059;transition:transform var(--transition-ui),border-color var(--transition-ui),box-shadow var(--transition-ui)}.case--reverse .case-teaser__image{clip-path:polygon(28px 0,100% 0,100% 100%,0 100%,0 28px)}.case-teaser__image-link{display:block}.case-teaser__image:hover{transform:scale(1.04);border-color:var(--accent);box-shadow:0 8px 24px #00000059,0 0 0 1px var(--accent)}img.case-teaser__image{display:block;width:100%;aspect-ratio:8 / 5;object-fit:cover;object-position:center;border:1px solid var(--border);border-radius:var(--radius-md)}.case-teaser__media:hover+.case-teaser__content .case__title{color:var(--accent-text)}.case__badge{position:absolute;bottom:calc(-1 * var(--space-4));right:calc(-1 * var(--space-4));width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border);color:var(--accent-text)}.case__badge svg{width:20px;height:20px}.case__eyebrow{display:block;font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.case__title{font-size:1.75rem;margin:var(--space-2) 0 var(--space-6);transition:color var(--transition-ui)}.case-full__header>.case__title{margin-bottom:var(--space-2)}.case__subtitle{font-family:var(--font-sans);color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin:0 0 var(--space-6)}.case__block{margin-bottom:var(--space-12)}.case__block-label{display:block;font-family:var(--font-mono);font-size:clamp(1.5rem,3vw,1.875rem);font-weight:var(--fw-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--space-4)}.case__block p{font-family:var(--font-sans);color:var(--text-primary);font-size:1rem;line-height:1.65}@media(max-width:480px){.case__block p{line-height:1.7}.case__sub-blocks{gap:var(--space-8)}}.case__highlight{font-weight:var(--fw-semibold);color:var(--accent-text)}.case__inline-link{display:flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);color:var(--accent-text);font-family:var(--font-sans);font-size:.95rem;text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-ui)}.case__inline-link:hover{color:var(--text-primary)}.case__text-link{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-ui)}.case__text-link:hover{color:var(--text-primary)}.case__sub-blocks{display:flex;flex-direction:column;gap:var(--space-6)}.case__sub-label{display:block;font-family:var(--font-mono);font-size:1.15rem;font-weight:var(--fw-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--space-2)}.case__inline-image{width:100%;aspect-ratio:16 / 9;min-height:220px}img.case__inline-image{display:block;max-height:480px;object-fit:cover;object-position:top;border:1px solid var(--border);border-radius:var(--radius-md)}@media(max-width:480px){img.case__inline-image{max-height:320px}}.case__block>.case__inline-image{margin:var(--space-6) 0}.case__learning{margin:0;font-family:var(--font-sans);font-style:italic;color:var(--accent-text);font-size:1.05rem;line-height:1.6;border-left:1px solid var(--accent);padding-left:var(--space-4)}.case__stack{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.stack-icon{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-secondary);transition:transform var(--transition-ui),border-color var(--transition-ui),color var(--transition-ui)}.stack-icon:hover,.stack-icon.is-active{transform:scale(1.05);border-color:var(--accent);color:var(--accent-text)}.stack-icon svg{width:20px;height:20px}.stack-icon:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%) translateY(4px);padding:var(--space-1) var(--space-2);background:var(--bg-darker);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:.7rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-ui),transform var(--transition-ui);z-index:2}.stack-icon:hover:after,.stack-icon:focus-visible:after,.stack-icon.is-active:after{opacity:1;transform:translate(-50%) translateY(0)}.case-teaser__content .case__title{margin-bottom:var(--space-4)}.case-teaser__problem{font-family:var(--font-sans);color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:var(--space-4)}.case-teaser__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.case-teaser__tag{padding:var(--space-1) var(--space-3);border:1px solid var(--border);background:var(--bg-elevated);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.75rem;white-space:nowrap;color:var(--text-secondary);transition:border-color var(--transition-ui),padding var(--transition-ui),font-size var(--transition-ui)}.case-teaser__tag:hover{border-color:var(--accent)}.case-teaser__link{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:2px solid var(--accent);border-radius:var(--radius-sm);background:#52b7881a;font-family:var(--font-sans);font-weight:var(--fw-semibold);color:var(--accent-text);transition:color var(--transition-ui),transform var(--transition-ui)}.case-teaser__link:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--accent);opacity:0;transition:opacity var(--transition-ui)}.case-teaser__link:hover{color:var(--on-accent)}.case-teaser__link:active{transform:scale(.97)}.case-teaser__link:hover:before{opacity:1}@media(max-width:900px){.case,.case--reverse{flex-direction:column;align-items:stretch}.case__media{position:relative;top:auto;width:100%}}@media(max-width:480px){.cases{padding-top:var(--space-16);padding-bottom:var(--space-16)}.case-teaser__image,.case--reverse .case-teaser__image{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.case--reverse .case-teaser__image{clip-path:polygon(18px 0,100% 0,100% 100%,0 100%,0 18px)}.case__badge{width:36px;height:36px;bottom:calc(-1 * var(--space-3));right:calc(-1 * var(--space-3))}.case__badge svg{width:16px;height:16px}.case-teaser__tags{gap:var(--space-1)}.case-teaser__tag{padding:var(--space-1) var(--space-2);font-size:.68rem}}