.cyo-paths__head{max-width:640px;margin:0 auto var(--space-7);text-align:center}.cyo-paths__heading{margin:0 0 var(--space-3);text-wrap:balance}.cyo-paths__sub{margin:0;color:var(--color-text-soft);text-wrap:pretty}.cyo-paths__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-5);max-width:900px;margin-inline:auto}.cyo-path{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:0 0 var(--space-6);overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-m);background:var(--color-bg);text-decoration:none;color:var(--color-text);transition:transform var(--duration-ui) var(--ease-out),border-color var(--duration-ui) var(--ease-out),box-shadow var(--duration-ui) var(--ease-out)}.cyo-path:hover,.cyo-path:focus-visible{transform:translateY(-3px);border-color:var(--color-accent);box-shadow:var(--shadow-float)}.cyo-path__num{position:absolute;top:10px;right:16px;z-index:1;text-shadow:0 1px 10px rgb(var(--color-overlay) / .45);font-family:var(--font-heading-family);font-size:2.4rem;line-height:1;color:#ffffffe6}.cyo-path__media{position:relative;display:block;aspect-ratio:3 / 2;background:var(--color-bg-secondary)}.cyo-path__img{width:100%;height:100%;object-fit:cover;display:block}.cyo-path__media .cyo-path__icon{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.cyo-path__icon{flex:0 0 auto;width:34px;height:34px;color:var(--color-accent)}.cyo-path__icon svg{width:100%;height:100%;display:block}.cyo-path__body{display:grid;gap:6px;min-width:0;padding-inline:var(--space-6)}.cyo-path__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.25rem;line-height:1.15;color:var(--color-ink)}.cyo-path__text{font-size:var(--text-sm);color:var(--color-text-soft);text-wrap:pretty}.cyo-path__cta{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent)}.cyo-path:hover .cyo-path__cta .icon{transform:translate(3px)}.cyo-path__cta .icon{transition:transform var(--duration-micro) var(--ease-out)}#ai-studio,#custom-canvas{scroll-margin-top:96px}@media screen and (max-width:749px){.cyo-path{padding:var(--space-5)}.cyo-path__num{font-size:1.9rem}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/section-cyo-paths.css.map */