@font-face{font-family:Pretendard;src:url(font.woff2);font-display:swap}*{box-sizing:border-box}html,body,main{margin:0;width:100%;height:100%;overflow:hidden;background:#eeeae2;color:#fff;font:16px/1.5 Pretendard,sans-serif}#stage{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}.view-picker{position:absolute;top:24px;left:50%;transform:translateX(-50%);border-radius:28px;background:rgba(36,40,39,.76);backdrop-filter:blur(20px);max-width:calc(100% - 32px);box-shadow:0 6px 24px #0001}.view-picker select{appearance:none;border:0;background:transparent;color:#fff;font:inherit;font-weight:500;min-height:52px;max-width:100%;padding:12px 50px 12px 24px;cursor:pointer;border-radius:28px}.view-picker select option,.view-picker select optgroup{background:#fff;color:#15202b}.view-picker svg{position:absolute;right:20px;top:18px;width:18px;height:18px;stroke:#fff;stroke-width:2;fill:none;pointer-events:none}select:focus-visible,button:focus-visible,canvas:focus-visible{outline:3px solid #f39800;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}#status,#fallback{position:absolute;top:45%;left:50%;transform:translateX(-50%);max-width:calc(100% - 40px);background:#25343de8;color:#fff;border-radius:12px;padding:16px 24px;text-align:center}#retry{position:absolute;top:65%;left:50%;transform:translateX(-50%);padding:12px 24px;border:0;border-radius:24px;cursor:pointer}#points{position:absolute;inset:0;pointer-events:none}.point{position:absolute;width:48px;height:48px;padding:0;border:1px solid #ffffffc0;border-radius:50%;background:#24352bb3;backdrop-filter:blur(5px);transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;color:white;box-shadow:0 3px 14px #0002}.point svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8}.point span{position:absolute;left:50%;bottom:54px;transform:translateX(-50%);white-space:nowrap;padding:6px 12px;border-radius:16px;background:#24352bf2;opacity:0;transition:opacity .15s}.point:hover span,.point:focus-visible span{opacity:1}body[data-rendering=true] .view-picker,body[data-capture=true] .view-picker,body[data-capture=true] #points{visibility:hidden}body[data-transition=true] canvas{opacity:.35}canvas{transition:opacity .18s}::selection{background:#f39800;color:#101820}@media(max-width:600px){.view-picker{top:16px}.view-picker select{min-height:48px;font-size:15px;padding:10px 42px 10px 20px}.view-picker svg{top:16px;right:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
body[data-image-tour=true] main{display:flex;flex-direction:column}
body[data-image-tour=true] #stage{position:relative;inset:auto;flex:1 1 auto;min-height:0;width:100%}
#provenance{position:static;flex:0 0 auto;width:100%;max-width:none;margin:0;padding:10px 16px max(10px,env(safe-area-inset-bottom));border:0;border-top:1px solid #d8deda;border-radius:0;background:#f7f7f4;color:#25343d;font-size:16px;line-height:1.5;text-align:center}

/* Image-first, full-resolution tour with directly visible liquid-glass pills. */
#loading-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}body:not([data-first-frame=true]) canvas{visibility:hidden}.space-picker{position:absolute;left:0;right:0;top:22px;display:grid;gap:10px;pointer-events:none}.space-picker>div{display:flex;gap:10px;max-width:calc(100% - 40px);margin-inline:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ced9df55 transparent;padding:4px 5px 8px;pointer-events:auto}.space-pill{flex:none;min-height:54px;padding:12px 25px;border:1px solid #ffffff75;border-radius:999px;background:rgba(28,40,48,.78);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);color:#fff;font:550 18px/1.5 Pretendard,sans-serif;cursor:pointer;box-shadow:inset 0 1px 0 #ffffff40,0 8px 24px -16px #10202c80}.space-pill[aria-pressed=true]{background:rgba(250,252,255,.94);color:#172b3d;border-color:#fff}.space-pill:hover{background:#344b5de8}.space-pill[aria-pressed=true]:hover{background:#fff}#space-views .space-pill{font-size:16px;min-height:48px;padding:10px 21px}#status{top:auto;bottom:24px;font-size:16px;padding:10px 20px;z-index:2;border-radius:999px}.space-picker{z-index:3}body[data-image-loading=true] #points{visibility:hidden}body[data-rendering=true] .space-picker,body[data-capture=true] .space-picker{visibility:hidden}@media(max-width:600px){.space-picker{top:14px;gap:5px}.space-picker>div{max-width:calc(100% - 20px);margin-inline:10px;gap:8px}.space-pill{min-height:50px;padding:11px 22px;font-size:17px}#space-views .space-pill{font-size:15px;min-height:46px;padding:10px 18px}#status{bottom:16px;font-size:14px;white-space:nowrap}}@media(prefers-reduced-transparency:reduce){.space-pill{background:#263b4a;backdrop-filter:none;-webkit-backdrop-filter:none}.space-pill[aria-pressed=true]{background:#f8fafc}}@media(forced-colors:active){.space-pill{background:Canvas;color:CanvasText;border:1px solid ButtonText;backdrop-filter:none}.space-pill[aria-pressed=true]{background:Highlight;color:HighlightText}}
