.staff-widget{--stf-gap: 1.1rem;--stf-radius: 1.15rem;--stf-shell-bg: linear-gradient(180deg, rgba(250, 247, 241, .98), rgba(245, 242, 235, .98));--stf-shell-border: rgba(31, 41, 55, .12);--stf-shell-shadow: 0 24px 60px rgba(16, 24, 40, .12);--stf-ink: #18212b;--stf-muted: #5c6773;--stf-accent: #3f7b4f;--stf-accent-strong: #2f5f3b;--stf-card-bg: #ffffff;--stf-card-border: rgba(16, 24, 40, .08);--stf-card-min: 11rem;--stf-photo-ratio: 1 / 1}.staff-widget[data-state=empty],.staff-widget[data-state=error]{padding:1rem;border-radius:var(--stf-radius);border:1px solid var(--stf-shell-border);background:var(--stf-shell-bg);color:var(--stf-ink);box-shadow:var(--stf-shell-shadow)}.stf-shell{display:grid;gap:1.25rem;padding:clamp(1rem,2vw,1.5rem);border-radius:calc(var(--stf-radius) + .3rem);border:1px solid var(--stf-shell-border);background:radial-gradient(circle at top left,rgba(63,123,79,.08),transparent 34%),radial-gradient(circle at top right,rgba(245,158,11,.07),transparent 24%),var(--stf-shell-bg);box-shadow:var(--stf-shell-shadow)}.stf-header{display:grid;gap:.35rem}.stf-kicker{margin:0;color:var(--stf-accent);font:700 .72rem/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.stf-title{margin:0;color:var(--stf-ink);font:700 clamp(1.4rem,2.2vw,2rem)/1.1 Georgia,"Times New Roman",serif}.stf-subtitle{margin:0;max-inline-size:70ch;color:var(--stf-muted);font:400 .98rem/1.65 Georgia,Times New Roman,serif}.stf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--stf-card-min)),1fr));gap:var(--stf-gap)}.stf-card{display:grid;gap:.7rem;padding:.9rem;border-radius:var(--stf-radius);border:1px solid var(--stf-card-border);background:var(--stf-card-bg);box-shadow:0 14px 32px #1018281a}.stf-photo{display:block;overflow:hidden;border-radius:calc(var(--stf-radius) - .35rem);background:#e2e8f0}.stf-photo img{display:block;inline-size:100%;aspect-ratio:var(--stf-photo-ratio);object-fit:cover;transition:transform .24s ease,filter .24s ease}.stf-card:hover .stf-photo img,.stf-card:focus-within .stf-photo img{transform:scale(1.03);filter:saturate(1.05)}.stf-info{display:grid;gap:.15rem;text-align:center}.stf-name{margin:0;color:var(--stf-ink);font:700 1rem/1.25 Georgia,Times New Roman,serif}.stf-role{margin:0;color:var(--stf-accent-strong);font:600 .78rem/1.3 Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase}@media(max-width:720px){.staff-widget{--stf-gap: .85rem;--stf-card-min: 9rem}.stf-shell{padding:.9rem}}