body { font-family: Inter, sans-serif; }
.agency-hero { background: linear-gradient(135deg, #ffffff 58%, #fff1f2 100%); }
.agency-portrait { width: 100%; height: 100%; object-fit: cover; object-position: center 25%; }
.agent-photo { width: 7rem; height: 7rem; object-fit: cover; object-position: center 22%; flex: none; border-radius: .9rem; }
.agent-photo--magia { object-position: center 12%; }
.agent-card { background: #fff; border: 1px solid #cbd5e1; border-radius: 1rem; padding: 1.25rem; box-shadow: 0 4px 6px -1px rgba(0,0,0,.08); }
.agent-card--mia, .agent-card--magia { border-color: #fca5a5; background: linear-gradient(135deg,#fff,#fff7f7); }
.agent-card--custom { border-color: #fca5a5; background: linear-gradient(135deg,#fff,#fff7f7); }
.agent-photo--unknown { display: flex; align-items: center; justify-content: center; border: 2px dashed #b91c1c; background: #fff; color: #b91c1c; font-size: 4rem; font-weight: 900; line-height: 1; }
.soul-details { border-top: 1px solid #e2e8f0; margin-top: 1rem; padding-top: .8rem; }
.soul-details summary { color: #b91c1c; cursor: pointer; font-size: .82rem; font-weight: 900; list-style: none; }
.soul-details summary::-webkit-details-marker { display: none; }
.soul-details summary::after { content: '⌄'; float: right; font-size: 1.1rem; line-height: 1; }
.soul-details[open] summary::after { content: '⌃'; }
.soul-details blockquote { border-left: 3px solid #b91c1c; color: #334155; font-size: .88rem; line-height: 1.6; margin: .85rem 0 0; padding-left: .85rem; }
@media (max-width: 420px) { .agent-photo { width: 5.6rem; height: 5.6rem; } }

.agent-education-divider { grid-column: 1 / -1; width: 100%; border: 0; border-top: 1px solid #cbd5e1; margin: .75rem 0; }