/* Desk artwork additions share the same coordinates in the hero and tour. */
html body .desk__frame .desk-mouse-art,html body .desk-view__art .desk-mouse-art{position:absolute;left:50%;top:68%;width:28%;height:35%;object-fit:contain;pointer-events:none;z-index:2}
html body .desk__frame .desk-people-art,html body .desk-view__art .desk-people-art{position:absolute;left:11.7%;top:79.3%;width:12.8%;height:11.5%;background:#fdfdff;clip-path:polygon(43% 1%,100% 4%,62% 100%,0% 97%);display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}
html body .desk__frame .desk-people-art img,html body .desk-view__art .desk-people-art img{width:47%;height:70%;object-fit:contain;transform:skewX(-25deg) rotate(4deg);animation:none}
html body dialog.desk-view{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px!important;overflow-y:auto!important;padding:76px 16px 18px!important}
html body dialog.desk-view[hidden]{display:none!important}
html body .desk-view .desk-view__frame{display:block!important;width:min(100%,940px,calc((100dvh - 240px)*1.693))!important;max-width:940px!important;overflow:visible!important;box-shadow:none!important;margin:0 auto!important}
html body .desk-view .desk-view__art{width:100%;position:relative;overflow:hidden;border-radius:18px;aspect-ratio:1192 / 704}
html body .desk-view .desk-view__art>img:first-child{width:100%;height:100%;object-fit:cover;display:block}
html body .desk-view .tour-spot{position:absolute;z-index:5;border:3px solid transparent;border-radius:12px;background:transparent;cursor:pointer;padding:0}
html body .desk-view .tour-spot.is-current,html body .desk-view .tour-spot:focus-visible{border-color:#fff;box-shadow:0 0 0 4px #5a1fd6,0 0 24px #5a1fd6;outline:none;animation:tour-pulse 1.6s ease-in-out infinite}
@keyframes tour-pulse{50%{box-shadow:0 0 0 7px #5a1fd6aa,0 0 30px #5a1fd6}}
html body .desk-view .tour-caption{background:white;color:#1b2254;border:2px solid #5a1fd6;border-radius:16px;padding:12px 18px;text-align:center;width:min(100%,940px);font:600 17px/1.35 var(--body,sans-serif)}
html body .desk-view .tour-caption strong{font:700 20px/1.3 var(--display,sans-serif);display:block;color:#5a1fd6}
html body .desk-view .tour-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
html body .desk-view .tour-controls button,html body .desk-view .tour-people button{min-height:44px;border:2px solid #1b2254;border-radius:10px;padding:8px 16px;background:#fff;color:#1b2254;box-shadow:0 3px 0 #1b2254;font:700 15px var(--display,sans-serif);cursor:pointer}
html body .desk-view .tour-controls .tour-play{background:#5a1fd6;color:white}
html body .desk-view .tour-people{width:min(100%,600px);padding:24px;border-radius:18px;background:#fff;color:#1b2254;font:600 17px var(--body,sans-serif)}
html body .desk-view .tour-people h2{margin:0 0 8px;color:#1b2254;font:700 26px var(--display,sans-serif)}
html body .desk-view .tour-people ul{padding:0;list-style:none;display:grid;gap:8px}.tour-people li{padding:12px;border:1px solid #ddd4f2;border-radius:10px}
html body .desk-view .tour-people[hidden],html body .desk-view .tour-caption[hidden],html body .desk-view .tour-controls[hidden],html body .desk-view .desk-view__frame[hidden]{display:none!important}
@media(max-width:700px){html body dialog.desk-view{justify-content:flex-start!important;padding-top:76px!important}html body .desk-view .tour-caption{font-size:15px}html body .desk-view .tour-caption strong{font-size:18px}html body .desk-view .tour-spot{min-width:0!important;min-height:0!important}}
@media(prefers-reduced-motion:reduce){html body .desk-view .tour-spot.is-current{animation:none}}