/* Fixed outside the smooth-scrolling wrapper. SVG has transparent outer margins. */
.explore-office {
    --office-size: calc(var(--regular-space, 1rem) * 8.1);
    position: fixed;
    z-index: 1000;
    top: 50%;
    right: 0;
    width: var(--office-size);
    height: var(--office-size);
    display: block;
    border-radius: 50%;
    transform: translate(50%, -50%);
    transition: transform .6s cubic-bezier(.25, 1.05, .5, 1), opacity .3s;
}
.explore-office img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    animation: explore-office-spin 40s linear infinite;
}
.explore-office:focus-visible {
    transform: translate(25%, -50%);
    outline: 2px solid var(--white, #e8e8e8) !important;
    outline-offset: -0.5rem;
}
@media (hover: hover) and (pointer: fine) {
    .explore-office:hover { transform: translate(25%, -50%); }
}
body.openMenu .explore-office,
body.no-scroll .explore-office {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}
@media (max-width: 767px) {
    .explore-office {
        top: auto;
        right: auto;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 50%);
    }
    .explore-office:focus-visible { transform: translate(-50%, 25%); }
}
@media (max-width: 767px) and (hover: hover) and (pointer: fine) {
    .explore-office:hover { transform: translate(-50%, 25%); }
}
@keyframes explore-office-spin {
    to { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
    .explore-office { transition: none; }
    .explore-office img { animation: none; }
}