.case-study-cover-stage[data-astro-cid-27el7psi]{background-image:radial-gradient(circle at 50% 45%, color-mix(in oklab, var(--color-accent) 8%, transparent), transparent 58%)}.case-study-hero-image[data-astro-cid-27el7psi]{width:100%!important;height:100%!important}.case-study-column{container-type:inline-size}@layer base{.case-study-prose h2{color:var(--color-text-primary);font-size:var(--text-xl);letter-spacing:-.01em;border-top:1px solid var(--color-border-subtle);margin-top:3rem;margin-bottom:1rem;padding-top:2rem;scroll-margin-top:7rem;font-weight:600}.case-study-prose h2:first-child{border-top:none;margin-top:0;padding-top:0}.case-study-prose h3{color:var(--color-text-primary);font-size:var(--text-base);margin-top:1.75rem;margin-bottom:.6rem;font-weight:600}.case-study-prose p{color:var(--color-text-secondary);font-size:var(--text-base);margin-bottom:1.25rem;line-height:1.75}.case-study-prose ul,.case-study-prose ol{color:var(--color-text-secondary);flex-direction:column;gap:.5rem;margin-bottom:1.25rem;padding-left:1.25rem;display:flex}.case-study-prose ul{list-style:outside}.case-study-prose ol{list-style:decimal}.case-study-prose strong{color:var(--color-text-primary);font-weight:600}.case-study-prose a{color:var(--color-accent-strong);text-underline-offset:3px}.case-study-prose blockquote{border-left:2px solid var(--color-accent);color:var(--color-text-primary);font-size:var(--text-lg);margin:2rem 0;padding-left:1.5rem;font-style:italic}.case-study-prose img,.case-study-prose video{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);object-fit:contain;width:100%;max-height:min(70vh,34rem);margin:1.5rem auto;display:block}.case-study-prose hr{border-color:var(--color-border-subtle);margin:3rem 0}.case-study-prose code{background:var(--color-surface-overlay);border-radius:var(--radius-sm);font-family:var(--font-mono);padding:.15em .4em;font-size:.9em}.case-study-gallery{scroll-snap-type:x mandatory;gap:1rem;margin:1.5rem 0;padding-bottom:.5rem;display:flex;overflow-x:auto}.case-study-gallery img,.case-study-gallery video{scroll-snap-align:start;border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);flex-shrink:0;width:auto;height:26rem;max-height:60vh;margin:0}.case-study-image-grid{gap:1rem;margin:1.5rem 0;display:grid}.case-study-image-grid--2,.case-study-image-grid--3{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width>=640px){.case-study-image-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-image-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.case-study-image-grid img,.case-study-image-grid video{object-fit:cover;height:100%;margin:0}.case-study-comparison{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);margin:1.5rem 0;position:relative;overflow:hidden}.case-study-comparison-layer{position:absolute;inset:0}.case-study-comparison-layer img{object-fit:cover;width:100%;height:100%}.case-study-comparison-before{width:var(--comparison-pos);overflow:hidden}.case-study-comparison-divider{inset-block:0;left:var(--comparison-pos);background:var(--color-accent);pointer-events:none;width:2px;position:absolute}.case-study-comparison-tag{z-index:1;border-radius:var(--radius-sm);background:color-mix(in oklab, var(--color-surface) 80%, transparent);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-primary);backdrop-filter:blur(6px);padding:.25rem .6rem;position:absolute;bottom:.75rem}.case-study-comparison-tag--before{left:.75rem}.case-study-comparison-tag--after{right:.75rem}.case-study-comparison-input{cursor:ew-resize;opacity:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.case-study-statement{width:100%;max-width:48rem;font-size:clamp(1.375rem,1.3rem + .4vw,1.75rem)}.case-study-prose .case-study-pull-quote{font-size:clamp(1.25rem,1.2rem + .25vw,1.5rem)}.case-study-statement p,.case-study-pull-quote p{color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;margin-bottom:0}.case-study-pull-quote>:first-child:before{content:"“";color:var(--color-accent-strong)}.case-study-pull-quote>:last-child:after{content:"”";color:var(--color-accent-strong)}.case-study-bleed{width:100cqi;margin-block:3rem;margin-inline:calc(50% - 50cqi)}.case-study-bleed-media img,.case-study-bleed-media video{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);object-fit:contain;width:100%;max-height:min(75vh,38rem);margin:0 auto;display:block}.case-study-bleed-caption{margin-inline:auto;max-width:42rem;color:var(--color-text-tertiary);font-size:var(--text-sm);text-align:center;margin-top:.75rem;padding-inline:1.5rem}.case-study-split{align-items:center;gap:2rem;width:100cqi;margin-block:3rem;margin-inline:calc(50% - 50cqi);display:grid}@container (width>=40rem){.case-study-split{grid-template-columns:1.1fr 1fr}.case-study-split--reverse .case-study-split-media{order:2}.case-study-split--reverse .case-study-split-text{order:1}}.case-study-split-media img,.case-study-split-media video{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);object-fit:contain;width:100%;max-height:min(60vh,28rem);margin:0 auto;display:block}.case-study-split-text{color:var(--color-text-secondary);font-size:var(--text-base);flex-direction:column;gap:1rem;line-height:1.75;display:flex}.case-study-split-text strong{color:var(--color-text-primary);font-weight:600}.case-study-timeline{flex-direction:column;display:flex}.case-study-timeline-step{grid-template-columns:1.5rem 1fr;gap:1rem;padding-bottom:2rem;display:grid;position:relative}.case-study-timeline-step:last-child{padding-bottom:0}.case-study-timeline-marker{background:var(--color-accent-strong);border-radius:999px;justify-self:center;width:.625rem;height:.625rem;margin-top:.4rem;position:relative}.case-study-timeline-step:not(:last-child) .case-study-timeline-marker:after{content:"";background:var(--color-border-subtle);width:1px;height:calc(100% + 1.4rem);position:absolute;top:.9rem;left:50%;transform:translate(-50%)}.case-study-timeline-label{color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.25rem;display:block}.case-study-timeline-title{color:var(--color-text-primary);font-size:var(--text-lg);margin-bottom:.5rem;font-weight:600}.case-study-timeline-content{color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.7}.case-study-timeline-content p:last-child{margin-bottom:0}.case-study-compare{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--color-surface-raised);grid-template-columns:1fr;gap:1.5rem;padding:1.75rem;display:grid}@media (width>=640px){.case-study-compare{grid-template-columns:1fr 1px 1fr;align-items:start}}.case-study-compare-divider{display:none}@media (width>=640px){.case-study-compare-divider{background:var(--color-border-subtle);align-self:stretch;width:1px;display:block}}.case-study-compare-col{flex-direction:column;gap:.75rem;display:flex}.case-study-compare-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary)}.case-study-compare-label--accent{color:var(--color-accent-strong)}.case-study-compare-content{color:var(--color-text-secondary);font-size:var(--text-base);flex-direction:column;gap:.75rem;line-height:1.7;display:flex}.case-study-compare-content p:last-child{margin-bottom:0}.case-study-compare-content strong{color:var(--color-text-primary);font-weight:600}.case-study-stat-hero{text-align:center;border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 8%, transparent), transparent);flex-direction:column;align-items:center;gap:.5rem;margin:3rem 0;padding:2.5rem 1.5rem;display:flex}.case-study-stat-hero-value{font-family:var(--font-mono);font-size:var(--text-4xl);letter-spacing:-.02em;color:var(--color-accent-strong);font-weight:600;line-height:1}.case-study-stat-hero-label{color:var(--color-text-secondary);font-size:var(--text-base);max-width:28rem}}.reveal{transition:opacity .6s var(--ease-out-quart), transform .6s var(--ease-out-quart)}.reveal[data-reveal-ready]{opacity:0;transform:translateY(16px)}.reveal[data-reveal-ready].is-visible{opacity:1;transform:none}.case-study-prose img[data-reveal-ready],.case-study-prose video[data-reveal-ready]{opacity:0;transition:opacity .6s var(--ease-out-quart), transform .6s var(--ease-out-quart);transform:translateY(16px)}.case-study-prose img[data-reveal-ready].is-visible,.case-study-prose video[data-reveal-ready].is-visible{opacity:1;transform:none}
