.use-cases{padding:clamp(112px, 12vw, 176px) var(--side)}.use-cases :where(h2,h3,p,ul){margin:0}.use-cases__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:clamp(56px,6vw,88px);padding:0;list-style:none;display:grid}.use-cases__card{background:var(--charcoal);min-height:clamp(440px,36vw,520px);color:var(--paper);flex-direction:column;padding:28px 28px 0;display:flex;position:relative;overflow:hidden}.use-cases__name,.use-cases__text{z-index:1;position:relative}.use-cases .use-cases__text{color:rgba(255,248,242,.75);max-width:22em;margin-top:12px}.use-cases__art{--ground:var(--charcoal);--accent:#ba6024;color:#7b7875;position:absolute;inset:40% 4% 2%}.use-cases__art>svg{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.use-cases__art[data-art=node]{top:41%;bottom:-53%}.use-cases__art:not(.is-motion-active) *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.use-cases__art *{animation:none!important}}@media (width<=960px){.use-cases__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.use-cases__grid{grid-template-columns:minmax(0,1fr);gap:8px}.use-cases__card{min-height:420px;padding:24px 24px 0}.use-cases__art{top:160px}}@media (width>=561px) and (width<=860px){.use-cases{padding-bottom:clamp(60px,6.43vw,94px)}}@media (width>=861px){.use-cases{padding-top:clamp(30px,3.18vw,47px)}}