/* Floating portraits never change the list's geometry. */
.management-list li { position:relative; isolation:isolate; }
.management-list li.is-hovered { z-index:20; }
.management-index, .management-artist-button { position:relative; z-index:2; }
.management-artist-button { font:400 clamp(22px,2.45vw,45px)/var(--display-line) 'San Display',Impact,sans-serif; color:inherit; letter-spacing:inherit; text-align:inherit; background:none; border:0; padding:0; cursor:pointer; }
.management-artist-button:focus-visible { outline:1px solid currentColor; outline-offset:6px; }
.management-name { display:block; }
.management-letter { display:inline-block; position:relative; overflow:clip; vertical-align:bottom; line-height:1.42; }
.management-letter > span { display:block; }
.management-letter-copy { position:absolute; inset:0; transform:translateY(100%); }
.management-portrait { position:absolute; left:0; top:0; width:clamp(180px,22vw,300px); height:clamp(225px,27.5vw,375px); z-index:3; pointer-events:none; }
.management-portrait[hidden] { display:none; }
.management-portrait-inner,.management-portrait-tilt { display:block;width:100%;height:100%; }
.management-portrait-inner { transform-origin:0% 50%; }
.management-portrait-tilt { overflow:hidden; background:#101010; }
.management-portrait img { width:100%;height:100%;display:block;object-fit:contain;filter:grayscale(1) contrast(1.06); }
.management-credits { margin-top:20px;font-size:11px;line-height:1.6;color:var(--muted-dark,#aaa); }
.management-credits summary { cursor:pointer; }
.management-credits ul { padding-left:18px;max-width:900px; }
.management-credits li { margin:12px 0; }
.management-list [data-management-artist="mfo"] .management-portrait { height:auto;aspect-ratio:1576/998; }
.portrait-unavailable .management-portrait { display:none; }
@media (max-width:991px) { .management-artist-button { font-size:2.65vw; } }
@media (max-width:600px) { .management-artist-button { font-size:7vw; } }
@media (hover:none) { .management-portrait { width:180px;height:225px; } }
@media (prefers-reduced-motion:reduce) { .management-letter > span { transform:none!important; }.management-letter-copy { display:none!important; } }
