.pf{--pf-accent: #1a1612}.pf__head{display:flex;align-items:center;gap:14px;margin-bottom:28px;flex-wrap:wrap}.pf__search{flex:1;min-width:240px;padding:12px 18px;background:var(--surface-card);border:1px solid var(--border-subtle, rgba(0,0,0,.12));border-radius:999px;font-family:var(--font-body);font-size:.95rem}.pf__search:focus{outline:none;border-color:var(--color-ocra-600, #b0521a);box-shadow:0 0 0 3px #c9651f29}.pf__counter{font-family:var(--font-body);font-size:.82rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.pf__reset{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;background:transparent;border:1px solid var(--border-strong, rgba(0,0,0,.18));border-radius:999px;font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.pf__reset:hover{background:var(--pf-accent);color:#fff;border-color:var(--pf-accent)}.pf__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6, 22px)}@media(min-width:720px){.pf__grid{grid-template-columns:1fr 1fr}}@media(min-width:1100px){.pf__grid{grid-template-columns:1fr 1fr 1fr}}.pf__card{position:relative;display:flex;flex-direction:column;background:var(--surface-card);border:1px solid var(--border-subtle, rgba(0,0,0,.08));border-radius:var(--radius-lg, 14px);overflow:hidden;text-decoration:none;color:inherit;height:100%;transition:transform .42s cubic-bezier(.4,0,.2,1),box-shadow .42s cubic-bezier(.4,0,.2,1),border-color .3s ease;animation:pf-in .45s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes pf-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.pf__card:before{content:"";position:absolute;inset:0 0 auto;height:3px;z-index:3;background:var(--ca, var(--color-ocra-600));transform:scaleX(0);transform-origin:left center;transition:transform .4s cubic-bezier(.16,1,.3,1)}.pf__card:hover{transform:translateY(-5px);box-shadow:0 20px 48px -20px #18171247,0 6px 16px -8px #1817121f;border-color:color-mix(in srgb,var(--ca, var(--color-ocra-600)) 42%,var(--border-subtle))}.pf__card:hover:before,.pf__card:focus-visible:before{transform:scaleX(1)}.pf__card:focus-visible{outline:2px solid var(--ca, var(--color-ocra-600));outline-offset:3px}@media(prefers-reduced-motion:reduce){.pf__card{transition:none;animation:none}.pf__card:hover{transform:none}.pf__card:before{transition:none}}.pf__visual{aspect-ratio:16 / 10;position:relative;overflow:hidden;background:var(--color-ink-900, #181712)}.pf__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(24,23,18,.3));opacity:0;transition:opacity .3s ease}.pf__card:hover .pf__visual:after{opacity:1}.pf__visual svg{position:absolute;inset:0;width:100%;height:100%}.pf__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow, .6s) var(--easing-emphasis, cubic-bezier(.4,0,.2,1))}.pf__card:hover .pf__visual img{transform:scale(1.05)}.pf__badge{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;background:color-mix(in srgb,var(--surface-card) 82%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in srgb,var(--ca, var(--color-ocra-600)) 30%,var(--border-subtle));color:var(--text-primary);font-family:var(--font-body);font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:999px}.pf__body{padding:var(--space-5, 22px) var(--space-6, 26px);display:flex;flex-direction:column;gap:var(--space-2, 8px);flex:1}.pf__eyebrow{font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-ocra-700, #8f4015)}.pf__title{font-family:var(--font-display);font-size:1.35rem;font-weight:500;line-height:1.22;margin:4px 0 0;color:var(--text-primary);letter-spacing:-.015em}.pf__summary{font-size:.92rem;line-height:1.55;color:var(--text-secondary);margin:6px 0 0;flex:1}.pf__cta{display:inline-flex;align-items:center;gap:6px;margin-top:var(--space-3, 12px);font-family:var(--font-body);font-weight:600;font-size:.9rem;color:var(--text-link, var(--color-madonna-600));transition:gap .25s cubic-bezier(.4,0,.2,1)}.pf__card:hover .pf__cta{gap:10px}.pf__empty{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:.95rem;background:var(--surface-accent, rgba(0,0,0,.03));border-radius:var(--radius-md, 10px)}:root[data-theme=dark] .pf__eyebrow{color:#d8812f}
