.case{background:var(--color-surface-2)}.case__label{text-align:center;margin-bottom:var(--space-lg);color:var(--color-accent)}.case__statement{max-width:22ch;margin:0 auto var(--space-4xl);text-align:center}.case__statement p{font-family:var(--font-heading);font-weight:500;font-size:clamp(1.9rem,4.5vw,3.25rem);line-height:1.12;letter-spacing:-.025em;max-width:none;text-wrap:balance}.case__statement em{font-style:italic;color:var(--color-accent)}.case__benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2xl)}.case__benefits:empty{display:none}.case__statement:last-child,.case__benefits:empty~*,.case__inner>:last-child{margin-bottom:0}.case__statement:has(+.case__benefits:empty){margin-bottom:0}.case__benefit{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.case__benefit-index{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;color:var(--color-accent)}.case__benefit-title{font-family:var(--font-heading);font-weight:500;font-size:var(--text-lg);letter-spacing:-.01em}.case__benefit-text{font-size:var(--text-sm);color:var(--color-ink-soft);line-height:1.6}.case__label,.case__statement,.case__benefit{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.case.is-visible .case__label{opacity:1;transform:none}.case.is-visible .case__statement{opacity:1;transform:none;transition-delay:.06s}.case.is-visible .case__benefit{opacity:1;transform:none}.case.is-visible .case__benefit:nth-child(1){transition-delay:.14s}.case.is-visible .case__benefit:nth-child(2){transition-delay:.2s}.case.is-visible .case__benefit:nth-child(3){transition-delay:.26s}.case.is-visible .case__benefit:nth-child(4){transition-delay:.32s}@media(prefers-reduced-motion:reduce){.case__label,.case__statement,.case__benefit{opacity:1;transform:none;transition:none}}@media(max-width:749px){.case__benefits{grid-template-columns:1fr;gap:var(--space-xl)}.case__statement{margin-bottom:var(--space-3xl)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/product-case.css.map */