/* Keep the source torso below the shared head frame, behind the dialogue. */
.novel-game.office-mode .office-scene,.novel-game.campaign .campaign-office{bottom:0;overflow:hidden}
.office-scene .character-frame .portrait-art,.campaign-cast .portrait-art{overflow:visible}
.novel-game.office-mode .novel-dialogue{background:#05080cf5}
.person-card:has([data-company="折凪パッケージ"]) .affiliations span:first-child{background:#284773;color:#dbeaff;border-color:#6b92c8}
.person-card:has([data-company="木澄雑貨店"]) .affiliations span:first-child{background:#245440;color:#d4f4e5;border-color:#6ca88d}
.person-card:has([data-company="澄橋システムサービス"]) .affiliations span:first-child{background:#603f6d;color:#f3defb;border-color:#b18ac2}

/* Shared waist-up framing. Never let the full-body source escape its SVG. */
.office-scene .character-frame .portrait-art,.campaign-cast .portrait-art{overflow:hidden;opacity:.46;filter:brightness(.65) saturate(.65);transition:filter .2s ease,opacity .2s ease}
.office-scene .character-frame .portrait-art.speaker,.campaign-cast .portrait-art.speaker{opacity:1;filter:brightness(1.65) saturate(1.1);position:relative;z-index:2}
.office-scene .character-frame,.campaign-cast{transition:transform .3s ease;will-change:transform}
@media(prefers-reduced-motion:reduce){.office-scene .character-frame,.campaign-cast,.office-scene .character-frame .portrait-art,.campaign-cast .portrait-art{transition:none}}

.campaign-cast .portrait-art.speaker[data-company="澄橋システムサービス"]{filter:brightness(1.4) saturate(.55)}