.office-access-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}
.office-access-heading>h2{margin-right:auto}
.office-presence{display:flex;flex-direction:column;gap:8px;align-items:flex-end;max-width:78%;margin-left:auto}
.office-presence[hidden]{display:none!important}
.office-presence-label{font:700 10px/1.3 system-ui,sans-serif;letter-spacing:1.25px;text-transform:uppercase;color:#68798c}
.office-presence-list{list-style:none;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:7px;margin:0;padding:0}
.office-person-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid hsl(var(--person-hue) 45% 77%);background:hsl(var(--person-hue) 65% 94%);color:hsl(var(--person-hue) 50% 24%);border-radius:99px;font:700 12px/1.4 system-ui,sans-serif;overflow-wrap:anywhere;box-shadow:0 2px 6px #0d263708}
.office-person-dot{width:7px;height:7px;border-radius:50%;flex:none;background:hsl(var(--person-hue) 65% 34%);animation:office-presence-pulse 2.8s ease-in-out infinite;box-shadow:0 0 0 3px hsl(var(--person-hue) 55% 85% / .4)}
.office-person-chip>span:not(.office-person-dot){color:hsl(var(--person-hue) 50% 20%);font:800 14px/1.5 system-ui,sans-serif;opacity:1}
@keyframes office-presence-pulse{0%,100%{box-shadow:0 0 0 3px hsl(var(--person-hue) 55% 85% / .35)}50%{box-shadow:0 0 0 5px hsl(var(--person-hue) 55% 85% / .08)}}
@media(prefers-reduced-motion:reduce){.office-person-dot{animation:none}}
@media(max-width:760px){.office-presence{max-width:100%;align-items:flex-start;margin-left:0}.office-presence-list{justify-content:flex-start}.office-access-heading{gap:12px}}