.survey-stage{position:relative;display:grid;gap:12px;margin:0}.survey-frame{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--paper);container-type:size;isolation:isolate;--north:var(--north-wide)}@media (max-width:767.98px){.survey-frame{aspect-ratio:4/5;--north:var(--north-portrait)}}.survey-frame__canvas,.survey-frame__image,.survey-frame__poster,.survey-frame__poster picture{position:absolute;inset:0;display:block;width:100%;height:100%}.survey-frame__image{object-fit:cover}.survey-frame__canvas{z-index:1;opacity:0;pointer-events:none}.survey-frame__canvas[data-live]{opacity:1}.survey-frame[data-engaged] .survey-frame__canvas{pointer-events:auto;cursor:grab;touch-action:none}.survey-frame__canvas[data-dragging]{cursor:grabbing}.survey-pins{position:absolute;inset:0;z-index:2;margin:0;padding:0;list-style:none;pointer-events:none}.survey-pin{--u:var(--u-wide);--v:var(--v-wide);--dx:var(--dx-wide);--dy:var(--dy-wide);--len:var(--len-wide);--ang:var(--ang-wide);position:absolute;top:0;left:0;width:0;height:0;transform:translate(calc(var(--u) * 100cqw),calc(var(--v) * 100cqh))}@media (max-width:767.98px){.survey-pin{--u:var(--u-portrait);--v:var(--v-portrait);--dx:var(--dx-portrait);--dy:var(--dy-portrait);--len:var(--len-portrait);--ang:var(--ang-portrait)}.survey-pin[data-off-portrait]{display:none}}@media (min-width:768px){.survey-pin[data-off-wide]{display:none}}.survey-pin[data-offscreen=true]{opacity:0;pointer-events:none}.survey-pin[data-offscreen=true] .survey-pin__label{pointer-events:none}.survey-pin__dot{position:absolute;top:-6px;left:-6px;width:12px;height:12px;border-radius:50%;background:var(--crimson);box-shadow:0 0 0 2px var(--paper),0 1px 6px rgb(var(--rgb-ink-film)/.35)}.survey-pin__leader{position:absolute;top:0;left:0;width:var(--len);height:1px;background:rgb(var(--rgb-ink)/.78);box-shadow:0 0 0 .5px rgb(var(--rgb-paper)/.6);transform:rotate(var(--ang));transform-origin:0 50%}.survey-pin__label{position:absolute;top:var(--dy);left:var(--dx);display:flex;align-items:center;gap:10px;min-width:44px;min-height:44px;padding:6px 14px 6px 7px;border:1px solid var(--hairline-strong);background:var(--paper);color:var(--text);text-decoration:none;white-space:nowrap;transform:translateY(-50%);pointer-events:auto;box-shadow:0 6px 18px -10px rgb(var(--rgb-ink-film)/.45);transition:background-color var(--t-fast) var(--e-out),border-color var(--t-fast) var(--e-out)}.survey-pin[data-side=left] .survey-pin__label{transform:translate(-100%,-50%)}.survey-pin__label:hover{border-color:var(--crimson)}.survey-pin__label:hover .survey-pin__name{text-decoration:underline;text-decoration-color:var(--crimson);text-decoration-thickness:2px;text-underline-offset:.2em}.survey-pin__label:focus-visible{outline:2px solid var(--focus-paper);outline-offset:2px;box-shadow:0 0 0 2px var(--paper)}.survey-pin__n{display:inline-grid;flex:none;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--crimson);color:var(--paper);font:600 .75rem/1 var(--ff-mono);font-variant-numeric:tabular-nums;letter-spacing:.04em}.survey-pin__text{display:grid;gap:1px}.survey-pin__name{font:600 .875rem/1.2 var(--ff-text)}.survey-pin__es,.survey-pin__note{color:var(--muted);font:500 .6875rem/1.3 var(--ff-mono);letter-spacing:.04em}.survey-pin[data-current] .survey-pin__label{border-color:var(--crimson);box-shadow:0 0 0 1px var(--crimson),0 10px 26px -12px rgb(var(--rgb-ink-film)/.55)}.survey-pin[data-current] .survey-pin__dot{transform:scale(1.35)}.survey-frame[data-focus] .survey-pin[data-located=true]:not([data-current]) :is(.survey-pin__text,.survey-pin__text *){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.survey-frame[data-focus] .survey-pin[data-located=true]:not([data-current]) .survey-pin__label{padding:7px}.survey-pin[data-located=false]{transform:none;top:auto;left:auto;right:16px;bottom:76px;width:auto;height:auto}.survey-pin[data-located=false] .survey-pin__label{position:static;transform:none;border-style:dashed}.survey-pin[data-located=false] .survey-pin__n{background:transparent;color:var(--crimson);box-shadow:inset 0 0 0 1.5px var(--crimson)}@media (max-width:767.98px){.survey-pin[data-located=true] :is(.survey-pin__text,.survey-pin__text *){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.survey-pin[data-located=true] .survey-pin__label{justify-content:center;width:48px;height:48px;padding:0;border-radius:50%;transform:translate(-50%,-50%)}.survey-pin[data-located=true][data-side=left] .survey-pin__label{transform:translate(-50%,-50%)}.survey-pin[data-located=false] .survey-pin__label{padding:6px 10px 6px 6px}.survey-pin[data-located=false] .survey-pin__note{display:none}}.survey-frame .survey-frame__chip{position:absolute;z-index:3;bottom:16px;left:16px;max-width:calc(100% - 32px)}.survey-hud{position:absolute;z-index:2;pointer-events:none}.survey-hud--compass{bottom:74px;left:16px;width:52px;height:52px;border:1px solid var(--hairline-strong);border-radius:50%;background:var(--paper)}.survey-hud__needle{position:absolute;inset:6px;transform:rotate(var(--north))}.survey-hud__needle:before{content:"";position:absolute;top:6px;bottom:6px;left:50%;width:2px;margin-left:-1px;background:linear-gradient(var(--crimson) 0 50%,rgb(var(--rgb-ink)/.55) 50% 100%)}.survey-hud__n{position:absolute;top:-5px;left:50%;width:14px;margin-left:-7px;background:var(--paper);color:var(--crimson);font:700 .625rem/1.2 var(--ff-mono);text-align:center}.survey-hud--scale{bottom:88px;left:80px;display:none;align-items:center;gap:8px;padding:4px 8px;background:var(--paper);color:var(--text);font:500 .6875rem/1.2 var(--ff-mono);letter-spacing:.06em}.survey-frame[data-phase=live] .survey-hud--scale{display:inline-flex}.survey-hud__bar{display:block;height:6px;border:1.5px solid;border-top:0}.survey-controls{position:absolute;z-index:3;right:16px;bottom:16px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:calc(100% - 32px)}.survey-button{display:inline-flex;align-items:center;gap:10px;min-height:48px;min-width:44px;padding:0 18px;border:1px solid var(--hairline-strong);border-radius:0;background:var(--paper);color:var(--text);font:600 .9375rem/1 var(--ff-text);cursor:pointer;transition:background-color var(--t-fast) var(--e-out),color var(--t-fast) var(--e-out)}.survey-button:hover{background:var(--paper-2)}.survey-button--primary{border-color:var(--crimson);background:var(--crimson);color:var(--paper)}.survey-button--primary:hover{background:var(--crimson-deep);border-color:var(--crimson-deep)}.survey-button:focus-visible{outline:2px solid var(--focus-paper);outline-offset:2px;box-shadow:0 0 0 2px var(--paper)}.survey-button__meta{font:500 .6875rem/1 var(--ff-mono);letter-spacing:.08em;opacity:.9}.survey-controls__hint,.survey-controls__status{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-height:44px;margin:0;padding:8px 14px;border:1px solid var(--hairline-strong);background:var(--paper);color:var(--text);font:500 .75rem/1.4 var(--ff-mono);letter-spacing:.04em}.survey-controls__pct{font-variant-numeric:tabular-nums;color:var(--crimson)}.survey-controls__track{position:relative;display:block;flex:1 0 100%;height:2px;overflow:hidden;background:var(--hairline)}.survey-controls__fill{position:absolute;inset:0;background:var(--crimson);transform-origin:0 50%}.survey-help{position:absolute;z-index:3;top:16px;right:16px;max-width:min(46ch,calc(100% - 32px));margin:0;padding:10px 14px;border:1px solid var(--hairline-strong);background:var(--paper);color:var(--text);font:500 .6875rem/1.5 var(--ff-mono);letter-spacing:.04em}@media (pointer:coarse){.survey-help{display:none}}.survey-card{position:absolute;z-index:3;top:16px;left:16px;display:grid;gap:6px;width:min(23rem,calc(50% - 48px));padding:18px 20px 16px;border:1px solid var(--hairline-strong);border-top:3px solid var(--crimson);background:var(--paper);color:var(--text);box-shadow:0 18px 40px -24px rgb(var(--rgb-ink-film)/.55)}.survey-card p{margin:0}.survey-card__n{color:var(--crimson);font:600 .6875rem/1.4 var(--ff-mono);letter-spacing:.14em;text-transform:uppercase}.survey-card__name{font-family:var(--ff-display);font-size:1.75rem;font-variation-settings:var(--opsz-auto);font-weight:400;line-height:1.05;letter-spacing:-.01em}.survey-card__es{color:var(--muted);font:500 .75rem/1.3 var(--ff-mono);letter-spacing:.04em}.survey-card__summary{color:var(--c-ink-soft);font:400 .9375rem/1.5 var(--ff-text)}.survey-card__link{display:inline-flex;align-items:center;gap:8px;justify-self:start;min-height:44px;color:var(--crimson);font:600 .9375rem/1 var(--ff-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}.survey-card__link:focus-visible{outline:2px solid var(--focus-paper);outline-offset:2px}.survey-frame__off{position:absolute;z-index:3;right:16px;bottom:16px;display:none;max-width:calc(100% - 32px);margin:0;padding:10px 14px;border:1px solid var(--hairline-strong);background:var(--paper);color:var(--text);font:500 .6875rem/1.4 var(--ff-mono);letter-spacing:.04em}html[data-motion=paused] .survey-frame__off{display:block}@media (max-width:767.98px){.survey-controls,.survey-frame__off{top:12px;right:12px;bottom:auto}.survey-frame .survey-frame__chip{bottom:12px;left:12px;max-width:calc(100% - 24px)}.survey-hud--compass{top:12px;left:12px;bottom:auto;width:44px;height:44px}.survey-frame[data-phase=live] .survey-hud--scale{display:none}.survey-pin[data-located=false]{top:76px;right:auto;bottom:auto;left:12px}.survey-frame__off{left:66px;max-width:none}.survey-pin[data-located=false] .survey-pin__label{max-width:calc(100cqw - 24px)}.survey-frame[data-focus] .survey-pin[data-located=false]:not([data-current]){top:68px;right:12px;left:auto}.survey-frame[data-focus] .survey-pin[data-located=false]:not([data-current]) :is(.survey-pin__text,.survey-pin__text *){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.survey-frame[data-focus] .survey-pin[data-located=false]:not([data-current]) .survey-pin__label{justify-content:center;width:48px;height:48px;padding:0;border-radius:50%}.survey-card{top:auto;bottom:78px;left:12px;right:12px;width:auto;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n link" "name link" "es link" "summary summary";align-items:center;gap:2px 12px;padding:10px 12px 10px 14px}.survey-card__n{grid-area:n}.survey-card__name{grid-area:name;font-size:1.25rem}.survey-card__es{grid-area:es}.survey-card .survey-card__summary{grid-area:summary;margin-top:4px;font-size:.8125rem}.survey-card[data-located=true] .survey-card__summary{display:none}.survey-card__link{grid-area:link}}.survey-stage__caption{display:flex;flex-wrap:wrap;gap:4px 12px;padding-inline:var(--margin);color:var(--surface-ink-soft);font:400 .75rem/1.5 var(--ff-mono);letter-spacing:.02em}.survey-stage__id{color:var(--surface-accent);font-weight:600;letter-spacing:.12em}.survey-stage__label{flex:1 1 40ch;min-width:0}.survey-stage__citation{flex:1 1 100%;min-width:0;overflow-wrap:anywhere}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){html:not([data-motion=paused]) .survey-frame__canvas{transition:opacity var(--t-film) var(--e-inout)}html:not([data-motion=paused]) .survey-pin__label{transition:background-color var(--t-fast) var(--e-out),border-color var(--t-fast) var(--e-out),opacity var(--t-base) var(--e-out)}html:not([data-motion=paused]) .survey-card{animation:survey-card-in var(--t-base) var(--e-out) both}}@keyframes survey-card-in{0%{opacity:0;transform:translateY(8px)}}@media (forced-colors:active){.survey-pin__dot,.survey-pin__n{forced-color-adjust:none}.survey-pin__leader{background:CanvasText}}