/* Identity study controls: scoped to the existing yellow motion stage. */
.logo-stage .stage-top,.logo-stage .stage-bottom{pointer-events:none;font-size:10px;letter-spacing:.03em}.logo-stage .stage-top{padding-right:64px}.logo-stage .stage-bottom{padding-left:64px;padding-right:64px}.logo-stage .stage-art{position:absolute;inset:65px 0;z-index:0}.logo-stage .stage-art.grid{background-image:radial-gradient(circle,#16161622 .75px,transparent .9px);background-size:22px 22px}.logo-stage canvas,.logo-stage video{width:100%;height:100%;display:block}.logo-stage canvas{touch-action:pan-y}.logo-stage video{object-fit:contain;filter:grayscale(1)}.logo-stage [hidden]{display:none!important}.logo-stage .hotspot{position:absolute;z-index:5;width:42px;height:42px}.logo-stage .hotspot.look{top:12px;right:12px}.logo-stage .hotspot.surface{bottom:12px;left:12px}.logo-stage .hotspot.motion{bottom:12px;right:12px}.logo-stage .mark-toggle{display:grid;place-items:center;width:42px;height:42px;border:0;background:none;color:#16161670;font:22px/1 'Courier New',monospace;cursor:pointer;padding:0}.logo-stage .hotspot:hover .mark-toggle,.logo-stage .hotspot:focus-within .mark-toggle,.logo-stage .hotspot.open .mark-toggle{color:#161616}.logo-stage .panel{position:absolute;width:224px;padding:14px;background:#f7f7f2;border:1px solid #7a7973;opacity:0;visibility:hidden;font:11px/1.5 'Courier New',monospace;transition:visibility .1s,opacity .1s}.logo-stage .look .panel{top:40px;right:0}.logo-stage .surface .panel{bottom:40px;left:0}.logo-stage .motion .panel{bottom:40px;right:0}.logo-stage .hotspot:hover .panel,.logo-stage .hotspot:focus-within .panel,.logo-stage .hotspot.open .panel{opacity:1;visibility:visible}.logo-stage .panel-title{display:block;font-size:11px;color:#646464;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed #9f9e97}.logo-stage .panel label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:11px 0}.logo-stage .panel button,.logo-stage .panel select{font:11px 'Courier New',monospace;color:#373639;border:0;border-bottom:1px solid #9f9e97;background:none;padding:3px;cursor:pointer;border-radius:0;text-transform:lowercase}.logo-stage .panel button:hover,.logo-stage .panel select:hover{background:#dcdbd5}.logo-stage .modes{display:flex;gap:7px}.logo-stage .modes button{flex:1;padding:3px 0;text-align:left;border:0}.logo-stage .modes button:before{content:' ';white-space:pre}.logo-stage .modes button[aria-pressed=true]:before{content:'>'}.logo-stage .panel p{font:10px/1.5 'Courier New',monospace;padding-top:9px;border-top:1px dashed #9f9e97;color:#7a7973;margin:10px 0 0}.logo-stage .panel input[type=checkbox]{appearance:none;position:relative;width:11px;height:11px;border:1px solid #7a7973;border-radius:0;background:none;cursor:pointer;margin:0}.logo-stage .panel input[type=checkbox]:checked:after{content:'×';position:absolute;inset:-3px 0 0 -1px;font:14px/1 'Courier New',monospace;color:#373639}.logo-stage .panel input[type=range]{appearance:none;width:100%;background:none;height:15px}.logo-stage .panel input[type=range]::-webkit-slider-runnable-track{height:1px;background:#9f9e97}.logo-stage .panel input[type=range]::-webkit-slider-thumb{appearance:none;width:5px;height:9px;margin-top:-4px;background:#646464;border-radius:0}.logo-stage .panel input[type=range]::-moz-range-track{height:1px;background:#9f9e97}.logo-stage .panel input[type=range]::-moz-range-thumb{width:5px;height:9px;background:#646464;border:0;border-radius:0}.logo-stage .panel output{display:block;text-align:right;font-size:10px;margin-top:3px}.logo-stage .panel .timeline{margin-top:15px}.logo-stage .panel #view{max-width:125px}.logo-stage button:focus-visible,.logo-stage input:focus-visible,.logo-stage select:focus-visible{outline:1px dashed #646464;outline-offset:3px}.logo-stage button:disabled,.logo-stage input:disabled,.logo-stage select:disabled{opacity:.4}.logo-stage #coordinates{white-space:nowrap}@media(max-width:900px){.logo-stage .stage-top,.logo-stage .stage-bottom{font-size:9px}.logo-stage .stage-bottom{padding-left:52px;padding-right:52px}.logo-stage #coordinates{font-size:8px}}@media(max-width:650px){.logo-stage .panel{width:215px}}@media(prefers-reduced-motion:reduce){.logo-stage .panel{transition:none}}
.logo-stage .stage-bottom{position:absolute;bottom:12px;left:12px;right:12px;height:42px;margin:0;padding:0 50px;display:flex;align-items:center;justify-content:flex-end}.logo-stage .stage-art{inset:42px 0}.logo-stage .stage-bottom #coordinates{line-height:1}