.example-card[data-v-995de6c1]{border:1px solid var(--border);overflow:hidden;padding-top:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.example-card[data-v-995de6c1]:hover{border-color:var(--primary);box-shadow:0 16px 32px #8a70ff33;transform:translateY(-8px)}.example-hero-image[data-v-995de6c1]{background:var(--muted);height:200px;overflow:hidden;padding:0;position:relative;width:100%}.hero-img[data-v-995de6c1]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.example-card:hover .hero-img[data-v-995de6c1]{transform:scale(1.05)}.image-overlay[data-v-995de6c1]{background:linear-gradient(0deg,rgba(0,0,0,.3),transparent);bottom:0;height:40%;left:0;pointer-events:none;position:absolute;right:0}.color-palette-strip[data-v-995de6c1]{display:flex;height:48px}.color-strip[data-v-995de6c1]{flex:1;transition:all .3s ease}.example-card:hover .color-strip[data-v-995de6c1]{transform:scaleY(1.05)}.example-content[data-v-995de6c1]{padding:1rem;text-align:center}.example-brand-name[data-v-995de6c1]{color:var(--foreground);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.example-keywords[data-v-995de6c1]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.2rem}.keyword-tag[data-v-995de6c1]{background:var(--muted);border-radius:var(--radius-md);color:var(--foreground);font-size:.7rem;font-weight:500;padding:.25rem .625rem;transition:all .2s ease}.example-card:hover .keyword-tag[data-v-995de6c1]{background:#8a70ff1a;color:var(--primary)}.example-headline[data-v-995de6c1]{color:var(--foreground);font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:.75rem}.example-description[data-v-995de6c1]{color:var(--muted-foreground);font-size:.95rem;line-height:1.6;margin-bottom:1.25rem}.example-link[data-v-995de6c1]{align-items:center;color:var(--primary);display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;text-decoration:none;transition:all .2s ease}.example-link[data-v-995de6c1]:hover{color:var(--primary);gap:.75rem;opacity:.8}@media(max-width:640px){.example-hero-image[data-v-995de6c1]{height:160px}.color-palette-strip[data-v-995de6c1]{height:40px}.example-content[data-v-995de6c1]{padding:.5rem}.example-brand-name[data-v-995de6c1]{font-size:1.25rem}.example-headline[data-v-995de6c1]{font-size:1rem}}