/* The invitation owns space below the hero actions, in normal document flow.
   It cannot cover the globe, captions or other content while scrolling. */
.world-circle-invitation{display:flex;align-items:center;margin-block-start:24px;padding:8px;min-width:0}
.circle-stamp{position:relative;flex:none;width:144px;height:144px;display:grid;place-items:center;border-radius:50%;color:var(--navy);background:var(--orange);box-shadow:0 6px 20px #0002;transform:rotate(-8deg);text-decoration:none;isolation:isolate;transition:transform .25s,box-shadow .25s}
.circle-stamp:before{content:"";position:absolute;inset:5px;border:1px dashed currentColor;border-radius:50%;opacity:.55;pointer-events:none}
.circle-stamp-ring{position:absolute;inset:4px;width:calc(100% - 8px);height:calc(100% - 8px);animation:circle-seal-turn 35s linear infinite;pointer-events:none;direction:ltr;overflow:visible}
.circle-stamp-ring text{fill:currentColor;font-family:Arial,sans-serif;font-size:8px;letter-spacing:.8px;font-weight:700}
.circle-stamp-core{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;width:90px}
.circle-stamp .vox-circle-brand{flex-direction:column;gap:1px;--circle-logo-size:54px;--circle-name-size:15px}
.circle-stamp-join{font-size:8px;line-height:1.4;font-weight:700;letter-spacing:.01em;max-width:90px}
.circle-stamp:hover{transform:rotate(0) scale(1.03);box-shadow:0 8px 25px #0003}.circle-stamp:focus-visible{outline:3px solid var(--paper);outline-offset:4px;box-shadow:0 0 0 7px var(--navy)}
.motion-paused .circle-stamp-ring{animation-play-state:paused}
@keyframes circle-seal-turn{to{transform:rotate(360deg)}}
@media(max-width:760px){.world-circle-invitation{margin-block-start:20px}.circle-stamp{width:128px;height:128px}.circle-stamp-core{gap:6px;width:80px}.circle-stamp .vox-circle-brand{--circle-logo-size:46px;--circle-name-size:13px}.circle-stamp-join{font-size:7px;max-width:80px}}
@media(prefers-reduced-motion:reduce){html:not([data-vox-motion-choice="running"]) .circle-stamp-ring{animation:none}html:not([data-vox-motion-choice="running"]) .circle-stamp{transition:none}}
@media print{.world-circle-invitation{display:none}}