.lab-site .staff-page { max-width: var(--container-width); margin: 0 auto; padding: 56px var(--gutter) 72px; }
.lab-site .staff-head { margin-bottom: 48px; }
.lab-site .staff-title { font-size: 34px; font-weight: 400; letter-spacing: .08em; }
.lab-site .staff-dash { display: block; width: 28px; height: 1px; background: var(--color-text); margin: 16px 0; }
.lab-site .staff-desc { display: flex; flex-direction: column; font-size: 12px; line-height: 1.9; color: var(--color-muted); }
.lab-site .staff-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 32px; margin-bottom: 48px; }
.lab-site .staff-photo { aspect-ratio: 4 / 5; background: #d9d9d9; margin-bottom: 16px; }
.lab-site .staff-photo-1 { background: linear-gradient(135deg,#6b6f76 0%,#cfd3d8 100%); }
.lab-site .staff-photo-2 { background: linear-gradient(135deg,#b6ab9a 0%,#e3dcd1 100%); }
.lab-site .staff-photo-3 { background: linear-gradient(135deg,#767c85 0%,#b8bec5 100%); }
.lab-site .staff-photo-4 { background: linear-gradient(135deg,#9a9186 0%,#cfc7ba 100%); }
.lab-site .staff-photo.has-image { background-image: var(--lab-staff-image); background-position: center; background-size: cover; }
.lab-site .staff-name { font-size: 13px; font-weight: 600; letter-spacing: .08em; margin-bottom: 4px; }
.lab-site .staff-role { font-size: 10px; color: var(--color-muted); letter-spacing: .05em; margin-bottom: 12px; }
.lab-site .staff-link { font-size: 10px; letter-spacing: .1em; }
.lab-site .all-staff-btn { display: flex; align-items: center; justify-content: center; gap: 10px; width: fit-content; margin: 0 auto; padding: 14px 32px; border: 1px solid var(--color-text); font-size: 11px; letter-spacing: .1em; }
@media (max-width:768px) {
	.lab-site .staff-page { padding: 32px var(--gutter-mobile) 48px; }
	.lab-site .staff-head { margin-bottom: 32px; }
	.lab-site .staff-title { font-size: 24px; }
	.lab-site .staff-dash { margin: 12px 0; }
	.lab-site .staff-grid { grid-template-columns: 1fr; gap: 24px; margin-bottom: 32px; }
	.lab-site .staff-card { display: flex; align-items: flex-start; gap: 16px; }
	.lab-site .staff-info { display: flex; flex-direction: column; }
	.lab-site .staff-photo { width: 100px; flex-shrink: 0; margin-bottom: 0; }
	.lab-site .staff-name { margin-top: 2px; }
	.lab-site .all-staff-btn { width: 100%; }
}