/* ---------- 1. Home-only department emblem ---------- */
.desk-heading{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
.desk-heading>div{flex:1;min-width:0}.desk-heading h2{margin:1rem 0 0}
.department-emblem{display:block;flex:none;width:88px;height:88px;padding:4px;border:1px solid transparent;border-radius:50%;background:transparent;touch-action:manipulation}
.department-emblem img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;background:var(--on-brand)}
.department-emblem:enabled:hover{border-color:var(--brand-blue)}
.department-emblem:disabled{opacity:1;cursor:default;border-color:transparent}
@media(max-width:800px){.desk-heading{gap:.75rem}.desk-heading h2{font-size:clamp(1.45rem,6vw,1.8rem)}.department-emblem{width:64px;height:64px}}
/* ---------- 2. One turn per interaction; static is the default ---------- */
@media(prefers-reduced-motion:no-preference){
  .department-emblem.is-spinning img{animation:department-emblem-turn 2.8s cubic-bezier(.35,0,.15,1) 1}
  @keyframes department-emblem-turn{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
}
@media print{.department-emblem img{animation:none!important;transform:none!important}.department-emblem{border:0}}