/* Brand motion stays inside the visual panels. Content and controls stay still. */
[data-motion-control][hidden],.presence-world [hidden] { display:none!important; }
.showcase-tools { display:flex;align-items:center;gap:12px; }
.motion-control { display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 10px;border:1px solid #dce4f5;border-radius:30px;background:#fff9;color:#506383;font-size:10px;line-height:1;cursor:pointer; }
.motion-control:hover { color:#2855ff;border-color:#9caef0; }.motion-control:focus-visible,.presence-place:focus-visible,.presence-canvas:focus-visible { outline:3px solid #2855ff;outline-offset:4px; }
.motion-glyph { width:8px;height:10px;border-inline:2px solid currentColor;display:inline-block; }
[data-paused="true"] .motion-glyph { width:0;height:0;border:5px solid transparent;border-right:0;border-left:7px solid currentColor; }
.ui-refresh .showcase-toolbar { padding-block:10px; }
.ui-refresh .showcase-art { isolation:isolate; }
.brand-trails { position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible; }
.brand-trails path,.brand-trails use { fill:none;stroke-linecap:round; }
.brand-track { stroke:#8ba3f5;stroke-width:1;opacity:.28; }
.brand-trail { stroke:#4a6fff;stroke-width:2;stroke-dasharray:14 86;stroke-dashoffset:15;filter:drop-shadow(0 0 3px #3e64ff77); }
.brand-trail:nth-of-type(2) { opacity:.65; }.brand-trail:nth-of-type(3) { opacity:.35; }
.ui-refresh .showcase-art .screen-wrap { position:relative;z-index:1; }
.ui-refresh .art-stamp { z-index:2; }
.ui-refresh .showcase-art .art-grid { opacity:.45; }
.ui-refresh .presence { padding-top:10px;padding-bottom:85px; }
.presence-world { margin-top:26px;display:grid;grid-template-columns:1fr 1.04fr;gap:65px;align-items:center; }
.ui-refresh .presence-world .presence-heading { display:block;margin:0; }
.presence-world .presence-heading h2 { font-size:clamp(36px,3.8vw,52px);line-height:1.12;letter-spacing:-.04em; }
#presence-title { scroll-margin-top:210px; }
.presence-world .presence-heading>p { max-width:425px;margin-top:22px;font-size:14px;line-height:1.8; }
.presence-places { display:grid;gap:0;margin-top:27px; }
.presence-place { display:flex;align-items:center;gap:14px;text-align:left;padding:16px 14px;border:0;border-top:1px solid #e4e9f3;background:transparent;color:#202f4a;border-radius:0;cursor:pointer;width:100%; }
.presence-place:last-child { border-bottom:1px solid #e4e9f3; }
.presence-place::before { content:'';width:8px;height:8px;background:#a3b3d0;border-radius:50%;box-shadow:0 0 0 5px #f0f4fc;flex:none; }
.presence-place[aria-pressed="true"] { background:#f2f5ff;border-radius:12px;border-color:transparent; }
.presence-place[aria-pressed="true"]::before { background:#2855ff;box-shadow:0 0 0 5px #e0e8ff; }
.presence-place strong { display:block;font-size:16px;font-weight:550;line-height:1.4; }
.presence-place small { display:block;color:#68768c;font-size:10px;line-height:1.5;margin-top:3px; }
.presence-place>span:last-child { margin-left:auto;font-size:19px;color:#8295b7; }.presence-place:hover>span:last-child { color:#2855ff; }
.presence-globe { margin:0;border:1px solid #e2e8f4;background:radial-gradient(ellipse at 50% 40%,#fff 35%,#f1f5ff);border-radius:24px;overflow:hidden;position:relative;min-width:0; }
.globe-toolbar { display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 23px 0;font-size:10px;color:#667891;letter-spacing:.04em; }
.globe-toolbar>span { display:flex;align-items:center;gap:8px; }.globe-toolbar>span::before { content:'';width:6px;height:6px;background:#2855ff;border-radius:50%; }
.globe-surface { position:relative;aspect-ratio:520/490;width:100%; }
.presence-canvas,.globe-fallback { position:absolute;inset:0;width:100%;height:100%;object-fit:contain; }
.presence-canvas { cursor:grab;touch-action:pan-y; }.presence-canvas:active { cursor:grabbing; }
.globe-active-label { position:absolute;left:50%;bottom:29px;transform:translateX(-50%);max-width:90%;white-space:nowrap;text-align:center;background:#fffefc;border:1px solid #dbe4f5;box-shadow:0 4px 16px #203e8010;border-radius:30px;padding:8px 16px;font-size:11px;color:#2f528d;pointer-events:none; }
.presence-globe figcaption { padding:0 24px 23px;text-align:center;font-size:10px;line-height:1.7;color:#6a7990; }
.globe-interaction-hint { display:block;font-size:10px;color:#526685;margin-bottom:5px; }
@media(prefers-reduced-motion:no-preference){
  .brand-trail{animation:brand-current 7s linear infinite;animation-play-state:paused}
  .brand-trail.trail-two{animation-delay:-2s;animation-duration:8s}
  .brand-trail.trail-three{animation-delay:-4s;animation-duration:9s}
  .motion-ready:not(.motion-paused) .motion-visible .brand-trail{animation-play-state:running}
}
@keyframes brand-current{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.motion-paused .screen-wrap { transition:none!important; }
@media(max-width:1100px) and (min-width:761px){.presence-world{gap:35px}.presence-world .presence-heading h2{font-size:40px}.globe-toolbar{padding:17px 17px 0;font-size:9px}}
@media(max-width:760px){
  .showcase-tools{gap:8px}.motion-control{min-height:44px;padding-inline:9px;font-size:9px}.ui-refresh .showcase-toolbar{padding-block:5px;gap:8px}
  .presence-world{grid-template-columns:1fr;gap:27px;margin-top:22px}.ui-refresh .presence{padding-bottom:52px}.presence-world .presence-heading h2{font-size:39px}.presence-world .presence-heading>p{font-size:14px;margin-top:18px}
  .presence-places{margin-top:22px}.presence-place{padding:13px 14px}.presence-place strong{font-size:15px}.presence-place small{font-size:10px}
  .presence-globe{border-radius:18px;max-width:520px;width:100%;justify-self:center}.globe-toolbar{padding:15px 17px 0;font-size:9px}.globe-active-label{bottom:20px;font-size:10px}.presence-globe figcaption{padding:0 20px 20px;font-size:9px}
}
@media(max-width:370px){.ui-refresh .showcase-toolbar>div:first-child>span:last-child{max-width:115px;line-height:1.4}.showcase-counter{display:none}.presence-world .presence-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){
  html:not(.motion-opt-in) .brand-trail{stroke-dasharray:none;opacity:.2}
  html.motion-opt-in .brand-trail{animation:brand-current 7s linear infinite!important;animation-play-state:paused!important}
  html.motion-opt-in:not(.motion-paused) .motion-visible .brand-trail{animation-play-state:running!important}
}