.use-case-media{display:grid}.use-case-media>*{opacity:0;visibility:hidden;grid-area:1/1}:is(.use-cases:not(:has(details[open])) .use-case-media>:first-child,.use-cases:has(>ol>li:first-child>details[open]) .use-case-media>:first-child,.use-cases:has(>ol>li:nth-child(2)>details[open]) .use-case-media>:nth-child(2),.use-cases:has(>ol>li:nth-child(3)>details[open]) .use-case-media>:nth-child(3),.use-cases:has(>ol>li:nth-child(4)>details[open]) .use-case-media>:nth-child(4),.use-cases:has(>ol>li:nth-child(5)>details[open]) .use-case-media>:nth-child(5),.use-cases:has(>ol>li:nth-child(6)>details[open]) .use-case-media>:nth-child(6)){opacity:1;visibility:visible;translate:none}@media (prefers-reduced-motion:no-preference){.use-case-media>*{translate:0 var(--tk-space-12);transition:opacity var(--tk-duration-slow) var(--tk-ease-out), translate var(--tk-duration-slow) var(--tk-ease-out), visibility var(--tk-duration-slow)}}
.grain{isolation:isolate;position:relative}.grain:before{content:"";z-index:-1;pointer-events:none;border-radius:inherit;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:absolute;inset:0}.grain-inverse:before{mix-blend-mode:screen;opacity:.12}