.spatial-gallery{position:relative;padding:150px 24px 60px;isolation:isolate}.gallery-intro{position:relative;text-align:center;z-index:3}.gallery-intro h1{margin:14px 0 10px;font:300 clamp(44px,5vw,70px)/1.1 "Fraunces",Georgia,serif;letter-spacing:-.04em;color:var(--ink);view-transition-name:gallery-title}.gallery-instructions{color:var(--ink-4);font-size:10px;letter-spacing:.06em;line-height:1.8}.gallery-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:50px auto}.gallery-plane{position:relative;display:block;color:var(--ink-2)}.gallery-plane img{width:100%;aspect-ratio:1.5;-o-object-fit:cover;object-fit:cover;border-radius:5px;border:1px solid #ecffff30}.gallery-fallback-caption{display:block;font-size:12px;line-height:1.7;padding-top:12px}.gallery-frame-number{display:none}.gallery-return{position:relative;display:block;margin:35px auto 0;text-align:center;color:var(--ink-4);font-size:10px;z-index:3}.gallery-return:hover{color:var(--ink)}.gallery-ambient{position:absolute;inset:15% -10% 0;background-position:center;background-size:cover;filter:blur(100px) saturate(.8);opacity:.15;pointer-events:none;transition:background-image .5s;z-index:-1}#gallery-particles{display:none}.spatial-gallery[data-enhanced]{height:max(760px,100svh);padding:134px 24px 24px;--frame-width: 580px;--frame-height: 387px}.spatial-gallery[data-enhanced] .gallery-stage{position:absolute;inset:264px 0 172px;perspective:1600px;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab;view-transition-name:gallery-frames}.spatial-gallery[data-dragging] .gallery-stage{cursor:grabbing}.spatial-gallery[data-enhanced] .gallery-wall{position:absolute;inset:0;display:block;margin:0;max-width:none;transform-style:preserve-3d}.spatial-gallery[data-enhanced] .gallery-plane{position:absolute;left:50%;top:50%;width:var(--frame-width);height:var(--frame-height);transform-style:preserve-3d;border-radius:5px;transition:transform .85s var(--ease-liquid),opacity .6s,filter .7s;will-change:transform}.spatial-gallery[data-enhanced] .gallery-plane img{width:100%;height:100%;box-shadow:0 35px 60px -25px #000d,0 0 0 1px #efffff0b}.spatial-gallery[data-enhanced] .gallery-plane[data-selected]{cursor:zoom-in}.spatial-gallery[data-enhanced] .gallery-plane:focus-visible{outline:2px solid var(--daiqing-2);outline-offset:10px}.spatial-gallery[data-enhanced] .gallery-frame-number{display:block;position:absolute;top:14px;left:16px;font:8px JetBrains Mono,monospace;letter-spacing:.18em;color:#fff;text-shadow:0 1px 8px #000}.spatial-gallery[data-enhanced] .gallery-fallback-caption{display:none}.spatial-gallery[data-dragging] .gallery-plane{transition:opacity .2s,filter .2s}.gallery-horizon{position:absolute;bottom:2%;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#a5d7c21a,transparent);pointer-events:none}.spatial-gallery[data-enhanced] #gallery-particles{display:block;position:absolute;left:50%;top:50%;width:var(--frame-width);height:var(--frame-height);transform:translate(-50%,-50%);pointer-events:none;z-index:2;opacity:0}.spatial-gallery[data-developing=active] #gallery-particles{opacity:1}.spatial-gallery[data-developing=active] .gallery-plane[data-selected] img{opacity:var(--develop-image-opacity, 0)}.spatial-gallery[data-developing=pending] .gallery-plane[data-selected] img{opacity:.4}.gallery-caption{position:absolute;bottom:135px;inset-inline:24px;text-align:center;z-index:3;pointer-events:none}#gallery-current-caption{font:300 18px/1.5 Fraunces,Georgia,serif;color:var(--ink)}#gallery-current-place{display:block;margin-top:5px;font:9px/1.6 JetBrains Mono,monospace;color:var(--ink-4);letter-spacing:.06em}.spatial-gallery .gallery-console{position:absolute;bottom:61px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;padding:7px;border-radius:24px;z-index:3;white-space:nowrap}.gallery-console[hidden]{display:none}.gallery-console button{min-width:44px;min-height:44px;border-radius:17px;color:var(--ink);transition:background .25s}.gallery-console button:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.gallery-console button:active{background:color-mix(in srgb,var(--ink) 10%,transparent)}.gallery-counter{display:flex;gap:10px;padding:0 13px;font:10px JetBrains Mono,monospace;color:var(--ink-2)}.counter-divider{color:var(--ink-5)}#gallery-open{display:flex;align-items:center;justify-content:space-between;gap:20px;border-left:1px solid #d2e8dd1a;padding:0 17px;border-radius:0 17px 17px 0;font-size:10px}.spatial-gallery[data-enhanced] .gallery-return{position:absolute;inset-inline:24px;bottom:24px;margin:0}.gallery-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#070b0ff2;overflow:hidden;color:#e2eae5}.gallery-viewer::backdrop{background:#070b0f}.gallery-viewer-atmosphere{position:absolute;inset:0;background-position:center;background-size:cover;filter:blur(100px);opacity:.13;pointer-events:none}#gallery-full-image{position:absolute;-o-object-fit:contain;object-fit:contain;border-radius:4px;box-shadow:0 22px 70px #0006;transform-origin:0 0}.gallery-viewer .gallery-viewer-close{position:absolute;top:max(24px,env(safe-area-inset-top));right:24px;width:48px;height:48px;border-radius:50%;z-index:4}.gallery-viewer .gallery-viewer-info{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(760px,calc(100% - 48px));border-radius:25px;display:flex;align-items:center;gap:24px;padding:18px 24px;z-index:4}.gallery-full-copy{min-width:0;flex:1}#gallery-full-caption{font:300 20px/1.35 Fraunces,Georgia,serif;color:#e8f0e9}#gallery-full-place{margin-top:7px;font-size:10px;color:#b8cbc2}#gallery-full-camera,#gallery-full-exposure{margin-top:5px;font:9px/1.5 JetBrains Mono,monospace;color:#8da79b}.gallery-viewer-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.gallery-viewer-controls button{width:44px;height:44px;border-radius:50%;background:#fff06}.gallery-viewer-controls button:hover{background:#fff2}#gallery-full-number{font:9px JetBrains Mono,monospace;color:#bccfc4;white-space:nowrap}.gallery-viewer[data-closing] .gallery-viewer-info,.gallery-viewer[data-closing] .gallery-viewer-close{opacity:0;transition:opacity .18s}html[data-lang=cat] .gallery-console{white-space:normal;max-width:calc(100% - 24px)}html[data-lang=cat] #gallery-open{gap:8px;min-width:0}html[data-lang=cat] .gallery-intro h1{overflow:hidden;max-height:90px}@media(max-width:767px){.gallery-wall{grid-template-columns:1fr}.spatial-gallery[data-enhanced]{height:max(670px,100svh);padding-top:125px}.gallery-intro h1{font-size:48px}.gallery-instructions{max-width:270px;margin-inline:auto;font-size:9px}.spatial-gallery[data-enhanced] .gallery-stage{top:262px;bottom:190px;perspective:900px}.gallery-caption{bottom:143px}#gallery-current-caption{font-size:16px}#gallery-current-place{font-size:8px}.spatial-gallery .gallery-console{bottom:65px;max-width:calc(100% - 24px);padding:5px}.gallery-counter{padding:0 7px;gap:7px}#gallery-open{padding:0 10px;gap:10px;font-size:9px}.gallery-viewer .gallery-viewer-info{width:calc(100% - 28px);bottom:max(14px,env(safe-area-inset-bottom));padding:15px 17px;flex-direction:column;align-items:stretch;gap:10px;border-radius:20px}#gallery-full-caption{font-size:17px}#gallery-full-camera,#gallery-full-exposure{font-size:8px}.gallery-viewer-controls{justify-content:center}.gallery-viewer .gallery-viewer-close{right:16px;top:max(16px,env(safe-area-inset-top))}}@media(prefers-reduced-motion:reduce){.gallery-plane{will-change:auto!important}}