.cow{justify-content:center;align-items:center;width:100%;min-height:560px;display:flex;position:relative}.cow__field{background:radial-gradient(55% 55% at 22% 18%, color-mix(in srgb, var(--brand-accent) 14%, transparent), transparent 70%), radial-gradient(60% 55% at 88% 82%, color-mix(in srgb, var(--brand-primary) 14%, transparent), transparent 72%);filter:blur(6px);z-index:0;position:absolute;inset:3% -8% 0% -6%}.cow__card{z-index:2;background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-xl);width:min(860px,100%);box-shadow:var(--shadow-xl);padding:1.15rem 1.25rem 1.3rem;position:relative}.cow__head{align-items:center;margin-bottom:.85rem;display:flex}.cow__head h3{color:var(--neutral-900);align-items:center;gap:.4rem;margin:0;font-size:1.05rem;font-weight:700;display:inline-flex}.cow__head h3 small{text-transform:uppercase;letter-spacing:.08em;color:var(--neutral-500);font-size:.62rem;font-weight:600}.cow__filters{flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;display:flex}.cow__filter{color:var(--neutral-500);border:1px solid var(--neutral-200);border-radius:var(--radius-md);white-space:nowrap;flex:1;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.75rem;display:inline-flex}.cow__filter svg{flex:none;width:12px;height:12px}.cow__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.4rem;display:grid}.cow__company{border:1px solid var(--neutral-200);border-radius:var(--radius-lg);flex-direction:column;padding:0;display:flex;position:relative}.cow__badge{z-index:1;max-width:calc(100% - 1.4rem);color:var(--neutral-0);background:var(--brand-primary);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;align-self:flex-start;margin:.7rem .7rem 0;padding:.3rem .6rem;font-size:.68rem;font-weight:700;overflow:hidden}.cow__co-head{align-items:center;gap:.55rem;padding:.6rem .7rem 0;display:flex}.cow__logo{border-radius:var(--radius-md);background:var(--brand-accent-50);width:34px;height:34px;color:var(--brand-accent-700);flex:none;place-items:center;display:grid}.cow__logo svg{width:17px;height:17px}.cow__co-who{min-width:0}.cow__co-who strong{color:var(--neutral-900);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.3;display:-webkit-box;overflow:hidden}.cow__co-who span{color:var(--neutral-500);margin-top:.15rem;font-size:.7rem;display:block}.cow__follow{color:var(--neutral-700);background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-md);justify-content:center;align-self:flex-start;align-items:center;gap:.3rem;margin:.6rem .7rem 0;padding:.32rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.cow__follow svg{width:11px;height:11px}.cow__desc{color:var(--neutral-600);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:.6rem .7rem .5rem;font-size:.72rem;line-height:1.4;display:-webkit-box;overflow:hidden}.cow__site{color:var(--brand-primary);border-top:1px solid var(--neutral-100);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.3rem;margin:0 .7rem .65rem;padding-top:.5rem;font-size:.7rem;font-weight:600;display:flex;overflow:hidden}.cow__site svg{flex:none;width:12px;height:12px}.cow__reveal{opacity:0;transition:opacity .35s linear,transform .45s cubic-bezier(.16,.84,.44,1);transition-delay:var(--d,0s);transform:translate(48px)}.cow.is-visible .cow__reveal{opacity:1;transform:none}.cow__card{animation:9.2s ease-in-out .9s infinite cowcardbob}@keyframes cowcardbob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.cow__reveal,.cow__reveal:nth-child(2n){opacity:1;filter:none;transition:none;transform:none}.cow__card{animation:none}}@media (width<=1100px){.cow{min-height:520px}.cow__card{padding:1rem}.cow__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.cow__company:nth-child(n+5){display:none}}@media (width<=640px){.cow{min-height:0;margin-top:var(--space-6)}.cow__card{padding:.9rem}.cow__head h3{flex-direction:column;align-items:flex-start;gap:2px}.cow__filters .cow__filter{flex:40%}.cow__filters .cow__filter:nth-child(n+3){display:none}.cow__grid{gap:.65rem}.cow__company{min-width:0}.cow__badge{max-width:calc(100% - 1.1rem);margin:.55rem .55rem 0;font-size:.58rem;line-height:1.2}.cow__co-head{gap:.4rem;padding:.5rem .55rem 0}.cow__logo{width:28px;height:28px}.cow__co-who strong{font-size:.7rem}.cow__co-who span,.cow__desc,.cow__site,.cow__follow{font-size:.62rem}.cow__desc{-webkit-line-clamp:2;margin-inline:.55rem}.cow__site{margin-inline:.55rem}}
