.staff-page { max-width: 1060px; margin: 0 auto; padding: 24px 16px 45px; color: #e3e9df; }
.staff-heading { text-align: center; padding: 24px 12px 35px; }
.staff-kicker { color: #a5bd79; font-size: 11px; letter-spacing: 3px; }
.staff-heading h1 { margin: 16px 0; font-family: Cinzel,serif; font-size: clamp(26px,4vw,38px); color: #dbd5ae; line-height: 1.35; }
.staff-heading p { color: #b6c5b6; font-size: 15px; line-height: 1.8; }
.staff-roster { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.staff-card { position: relative; text-align: center; padding: 28px 22px; border: 1px solid #53643c; border-top: 2px solid #b5a560; background: radial-gradient(ellipse at 50% 0,rgba(73,115,37,.24),transparent 65%),linear-gradient(150deg,#0a2114,#030d08); box-shadow: inset 0 0 24px #0008,0 10px 25px #0005; }
.staff-card-label { font-size: 10px; color: #a8b691; letter-spacing: 2px; }
.staff-portrait { width: 190px; max-width: 100%; aspect-ratio: 1; margin: 24px auto; border-radius: 50%; border: 3px solid #b5a560; background-image: url('../img/staff-portraits.png'); background-size: 300% 100%; background-repeat: no-repeat; background-color: #07150d; box-shadow: 0 0 0 6px #6a8a3624,0 0 30px #72ba3320; }
.staff-portrait-copy { background-position: 0% center; }
.staff-portrait-lnet { background-position: 50% center; }
.staff-portrait-belencitta { background-position: 100% center; }
.staff-card h2 { margin: 0 0 22px; font-family: Cinzel,serif; font-size: 25px; color: #e5dfba; overflow-wrap: anywhere; }
.staff-details { margin: 0 0 24px; }
.staff-details > div { display: flex; justify-content: space-between; gap: 12px; padding: 11px 0; border-bottom: 1px solid #8ba36c28; }
.staff-details dt { font-weight: 400; color: #a7b4a3; }
.staff-details dd { margin: 0; font-weight: 700; color: #e0e8d6; }
.staff-status { display: inline-flex; align-items: center; gap: 8px; padding: 7px 16px; border: 1px solid #596452; border-radius: 20px; font-size: 12px; color: #bac0b6; }
.staff-status i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.staff-status-online { color: #a1ed71; border-color: #517d34; background: #38612620; }
.staff-status-offline { color: #c4aaa1; border-color: #725a50; }
.staff-note { margin: 24px 0 0; text-align: center; color: #a0ad9c; font-size: 12px; }
@media(max-width: 760px) { .staff-roster { grid-template-columns: 1fr; max-width: 390px; margin: auto; } .staff-page { padding: 12px 12px 30px; } }