.of-adv{--adv-accent:#00a389;--adv-accent-dark:#008570;--adv-ink:#111827;--adv-muted:#6b7280;--adv-chip:#f3f4f6;--adv-radius:16px;--adv-card-h:380px;color:var(--adv-ink);font-family:inherit;margin:0 auto;max-width:1140px;padding:48px 24px}.of-adv,.of-adv *,.of-adv :after,.of-adv :before{box-sizing:border-box}.of-adv .adv-filters{display:flex!important;flex-wrap:wrap;gap:10px;justify-content:center;list-style:none;margin:0 0 40px;padding:0}.of-adv .adv-filter{appearance:none;-webkit-appearance:none;background:var(--adv-chip);border:1px solid transparent;border-radius:999px;box-shadow:none;color:var(--adv-ink);cursor:pointer;font:inherit;font-size:14px;font-weight:600;letter-spacing:normal;line-height:1;margin:0;padding:11px 18px;text-transform:none;transition:background-color .2s,border-color .2s,color .2s}.of-adv .adv-filter:hover{background:#e5e7eb;color:var(--adv-ink)}.of-adv .adv-filter[aria-pressed=true]{background:var(--adv-accent);color:#fff}.of-adv .adv-filter:focus-visible{outline:2px solid var(--adv-accent);outline-offset:2px}.of-adv .adv-grid{display:grid!important;gap:24px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.of-adv .adv-card[hidden]{display:none!important}.of-adv .adv-card{border-radius:var(--adv-radius);cursor:pointer;height:var(--adv-card-h);outline:none;perspective:1200px;position:relative}.of-adv .adv-card:focus-visible{outline:3px solid var(--adv-accent);outline-offset:4px}.of-adv .adv-card__inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.7,.2,1);width:100%}.of-adv .adv-card.is-flipped .adv-card__inner,.of-adv .adv-card:focus-visible .adv-card__inner,.of-adv .adv-card:has(a:focus-visible) .adv-card__inner{transform:rotateY(180deg)}@media (hover:hover){.of-adv .adv-card:hover .adv-card__inner{transform:rotateY(180deg)}}.of-adv .adv-face{align-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:var(--adv-radius);box-shadow:0 10px 30px -12px rgba(17,24,39,.25);display:flex;flex-direction:column;inset:0;justify-content:center;overflow:hidden;padding:28px 24px;position:absolute;text-align:center}.of-adv .adv-face--front{background:#fff;border:1px solid #eef0f2}.of-adv .adv-photo{background:var(--adv-chip);border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 2px var(--adv-accent);height:128px;margin:0 0 18px;max-width:none;object-fit:cover;width:128px}.of-adv .adv-name{color:var(--adv-ink);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 6px}.of-adv .adv-title{color:var(--adv-muted);font-size:14px;line-height:1.45;margin:0}.of-adv .adv-face--back{background:var(--adv-accent);color:#fff;pointer-events:none;transform:rotateY(180deg)}.of-adv .adv-card.is-flipped .adv-face--back,.of-adv .adv-card:focus-visible .adv-face--back,.of-adv .adv-card:has(a:focus-visible) .adv-face--back{pointer-events:auto}@media (hover:hover){.of-adv .adv-card:hover .adv-face--back{pointer-events:auto}}.of-adv .adv-face--back .adv-name{color:#fff;margin-bottom:10px}.of-adv .adv-bio{color:#fff;font-size:14px;line-height:1.55;margin:0 0 20px}.of-adv .adv-linkedin{align-items:center;background:#fff;border-radius:999px;color:var(--adv-accent);display:inline-flex;font-size:14px;font-weight:600;gap:8px;line-height:1.2;padding:9px 16px;text-decoration:none;transition:background-color .2s,color .2s}.of-adv .adv-linkedin:hover{background:#f0fdf9;color:var(--adv-accent-dark);text-decoration:none}.of-adv .adv-linkedin:focus-visible{outline:2px solid #fff;outline-offset:3px}.of-adv .adv-linkedin svg{flex:none;height:18px;width:18px}.of-adv .adv-empty{color:var(--adv-muted);grid-column:1/-1;margin:0;padding:40px 0;text-align:center}@media (max-width:600px){.of-adv{padding:32px 16px}.of-adv .adv-filters{gap:8px;margin-bottom:28px}.of-adv .adv-filter{font-size:13px;padding:10px 14px}}@media (prefers-reduced-motion:reduce){.of-adv .adv-card__inner{transform:none!important;transition:none}.of-adv .adv-face{backface-visibility:visible;-webkit-backface-visibility:visible;transition:opacity .2s}.of-adv .adv-face--back{opacity:0;transform:none}.of-adv .adv-card.is-flipped .adv-face--back,.of-adv .adv-card:focus-visible .adv-face--back,.of-adv .adv-card:has(a:focus-visible) .adv-face--back{opacity:1}}@media (prefers-reduced-motion:reduce) and (hover:hover){.of-adv .adv-card:hover .adv-face--back{opacity:1}}