/* Cyberdelia staff directory and profile pages */
.staff-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1040px;margin-inline:auto}
.staff-card{position:relative;display:grid;grid-template-columns:150px 1fr;gap:1.35rem;align-items:center;padding:1.35rem;border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,24,43,.78),rgba(7,10,18,.96));text-decoration:none;overflow:hidden;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.staff-card:hover{border-color:rgba(80,244,255,.45);transform:translateY(-2px)}
.staff-card img{display:block;width:150px;height:150px;object-fit:cover;object-position:center;border:1px solid rgba(80,244,255,.2);background:#070a12}
.staff-card h2{margin:.2rem 0 .35rem;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1}
.staff-card .staff-role{margin:0;color:var(--cyan);font:700 .68rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase}
.staff-card .staff-line{margin:.7rem 0 0;color:#e3e8f2}
.staff-card .staff-copy{margin:.65rem 0 0;color:var(--muted);font-size:.9rem}
.staff-card .staff-open{display:block;margin-top:.95rem;color:var(--magenta);font:700 .7rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.staff-profile-hero{padding-block:clamp(4.5rem,8vw,7rem)}
.staff-profile-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.72fr);gap:3rem;align-items:start}
.staff-profile-copy{position:relative;z-index:2}
.staff-profile-copy h1{margin:0;font-size:clamp(4rem,10vw,7.6rem);line-height:.86;letter-spacing:-.06em}
.staff-title{margin:1.1rem 0 0;color:var(--cyan);font:800 .76rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}
.staff-profile-line{margin:1.5rem 0 0;font-size:clamp(1.25rem,2.2vw,1.75rem);line-height:1.35;color:#e8edf7}
.staff-profile-photo{position:relative;z-index:3;margin:0;border:1px solid var(--line);background:#070a12;overflow:hidden;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 45px rgba(80,244,255,.04)}
.staff-profile-photo img{display:block;width:100%;height:clamp(280px,32vw,430px);max-height:430px;object-fit:cover;object-position:center 38%;background:#070a12}
.staff-profile-photo figcaption{padding:.65rem .8rem;color:var(--dim);background:#070a12;font:600 .62rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase}
.staff-body-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:3rem;align-items:start}
.staff-prose{max-width:780px}
.staff-prose p{color:var(--muted);font-size:1.02rem}
.staff-prose p:first-of-type{color:#dfe6f3;font-size:1.14rem}
.staff-side{position:sticky;top:100px;border:1px solid var(--line);background:rgba(6,9,18,.8);padding:1.25rem}
.staff-side-avatar{display:block;width:112px;height:112px;object-fit:cover;object-position:center;margin-bottom:1rem;border:1px solid rgba(255,63,215,.28);background:#070a12}
.staff-side h3{margin:.2rem 0 .75rem;font-size:1rem}
.staff-beats{display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0;list-style:none}
.staff-beats li{padding:.42rem .55rem;border:1px solid var(--line);color:#c7d1e2;background:rgba(255,255,255,.02);font:600 .62rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;text-transform:uppercase;letter-spacing:.06em}
.staff-principles{display:grid;gap:.8rem;margin-top:1.6rem}
.staff-principle{padding:1rem;border-left:2px solid var(--cyan);background:rgba(80,244,255,.035)}
.staff-principle strong{display:block;margin-bottom:.25rem;color:var(--cyan);font:700 .68rem/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase}
.staff-principle span{color:var(--muted)}
.staff-avatar-pair{display:flex;gap:.65rem;align-items:center;margin-top:1rem}
.staff-avatar-pair img{display:block;width:64px;height:64px;object-fit:cover;border:1px solid var(--line);background:#070a12}
.staff-note{margin-top:2rem;padding:1rem 1.1rem;border:1px solid rgba(183,255,85,.2);background:rgba(183,255,85,.03);color:#dce8d0}
.confirmed-only{max-width:780px;margin:2rem auto 0;color:var(--muted);text-align:center}
.confirmed-only strong{color:var(--lime)}
@media(max-width:900px){.staff-directory-grid{grid-template-columns:1fr}.staff-profile-grid,.staff-body-grid{grid-template-columns:1fr}.staff-side{position:static}.staff-profile-photo{max-width:620px;width:100%}.staff-profile-photo img{height:clamp(300px,70vw,480px)}}
@media(max-width:620px){.staff-card{grid-template-columns:88px 1fr;padding:1rem;gap:1rem}.staff-card img{width:88px;height:88px}.staff-card .staff-copy{display:none}.staff-profile-copy h1{font-size:clamp(3.4rem,18vw,5.2rem)}.staff-profile-photo img{height:clamp(260px,92vw,420px)}}