@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600&family=Manrope:wght@400;500;600&display=swap";:root{font-family:DM Sans,sans-serif;color:#393b31;background:#e9e5dd;font-synthesis:none;--muted:#7a7b70;--accent:#666d4e}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}#gallery{position:relative;width:100%;height:100svh;min-height:650px;overflow:hidden}#viewport{position:absolute;inset:0;outline:none;touch-action:none;cursor:grab}#viewport:active{cursor:grabbing}#viewport:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}canvas{display:block;width:100%;height:100%}.viewer-controls{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:7px;background:#f6f3ecb8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #fff7;border-radius:40px;padding:6px;box-shadow:0 6px 26px #49422a06;animation:controls-in 1s .4s ease both}.viewer-controls button{border:0;background:transparent;width:40px;height:40px;flex:0 0 40px;padding:0;border-radius:22px;cursor:pointer;display:grid;place-items:center;transition:background .2s,color .2s}.viewer-controls button:hover{background:#deded2}.viewer-controls button[aria-pressed=true]{background:var(--accent);color:#fff}.viewer-controls button:disabled{opacity:.35;cursor:wait}.viewer-controls svg{display:block;width:20px;height:20px}.drawer-hotspot{position:absolute;z-index:1;transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}.drawer-hotspot:before{content:"";width:10px;height:10px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #0002;transition:transform .2s}.drawer-hotspot[hidden]{display:none}.drawer-hotspot:hover:before{transform:scale(1.2)}.drawer-hotspot:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.viewer-controls button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.loading{position:absolute;top:56%;left:50%;transform:translate(-50%,-50%);font-size:11px;letter-spacing:.05em;display:flex;flex-direction:column;align-items:center;gap:15px;transition:opacity .6s;pointer-events:none}.loading-line{width:80px;height:1px;background:#92937d;animation:pulse 1.2s infinite}.loading.complete{opacity:0}.loading.error{background:#f4eee5;padding:20px;max-width:340px;line-height:1.7;text-align:center}.loading.error .loading-line{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes entrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes controls-in{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes pulse{50%{opacity:.25;transform:scaleX(.5)}}@media(max-width:650px){#gallery{min-height:0}.viewer-controls{bottom:28px}.viewer-controls button{width:36px;height:36px;flex-basis:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}