.path-cards{flex-wrap:wrap;gap:clamp(12px,1.2vw,20px);display:flex}.path-card{border:1px solid var(--sc-line-dark);background:var(--sc-surface);color:#fff;min-width:min(100%,340px);height:clamp(520px,42vw,720px);transition:flex-grow var(--sc-dur-2) var(--sc-ease-expo), border-color var(--sc-dur-micro) linear;border-radius:4px;flex-direction:column;flex:340px;justify-content:space-between;padding:clamp(24px,2.6vw,44px);display:flex;position:relative;overflow:hidden}.path-card__media{transition:filter var(--sc-dur-2) var(--sc-ease-expo), transform var(--sc-dur-3) var(--sc-ease-expo);position:absolute;inset:0}.path-card__shade{background:linear-gradient(#0e0e108c 0%,#0e0e1026 35%,#0e0e10eb 78%);position:absolute;inset:0}.path-card__dot{transition:background var(--sc-dur-micro) linear;background:#fff}.path-card__more{opacity:0;transition:grid-template-rows var(--sc-dur-2) var(--sc-ease-expo), opacity var(--sc-dur-1) var(--sc-ease-power3);grid-template-rows:0fr;display:grid}.path-card__more>ul{min-height:0;overflow:hidden}.path-card__arrow{transition:transform var(--sc-dur-1) var(--sc-ease-expo)}@media (hover:hover) and (min-width:768px){.path-card:hover,.path-card:focus-visible{border-color:var(--sc-line-dark-strong);flex-grow:1.6}.path-card:hover .path-card__media,.path-card:focus-visible .path-card__media{filter:blur(10px);transform:scale(1.06)}}.path-card:hover .path-card__more,.path-card:focus-visible .path-card__more{opacity:1;grid-template-rows:1fr}.path-card:hover .path-card__dot,.path-card:focus-visible .path-card__dot{background:var(--sc-violet)}.path-card:hover .path-card__arrow,.path-card:focus-visible .path-card__arrow{transform:translate(6px)}@media (hover:none),(max-width:767px){.path-card{height:auto;min-height:clamp(520px,42vw,720px)}.path-card__more{opacity:1;grid-template-rows:1fr}.path-card__media{filter:blur(10px);transform:scale(1.06)}.path-card__shade{background:linear-gradient(#0e0e109e 0%,#0e0e1094 32%,#0e0e10e6 72%)}}