@font-face{font-family:Fauna;src:url('shared/fonts/fauna-one.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Source Han Serif SC';src:url('shared/fonts/source-han-serif-sc-light.woff2') format('woff2');font-weight:300;font-display:swap}
:root{--sg-shell-width:1600px;--sg-header-gutter:clamp(24px,5.5vw,104px);--sg-header-height:88px;--sg-viewer-header-height:56px;--sg-header-viewport-inset:calc(max(0px,(100vw - var(--sg-shell-width))/2) + var(--sg-header-gutter));--sg-header-filter:blur(16px) saturate(115%)}
#spatial-visual-gallery{--sg-paper:#f3ead5;--sg-ink:#30291f;--sg-muted:#7a6c58;position:relative;isolation:isolate;width:100%;height:680px;overflow:hidden;background:var(--sg-paper);color:var(--sg-ink);font-family:Fauna,'Source Han Serif SC',serif;color-scheme:light}
#spatial-visual-gallery *{box-sizing:border-box}
#spatial-visual-gallery button{color:inherit;font:inherit}
#spatial-visual-gallery .sg-brand{position:absolute;left:22px;top:23px;writing-mode:vertical-rl;transform:rotate(180deg);font-family:Arial,sans-serif;font-size:27px;font-weight:700;letter-spacing:-.07em;line-height:1}
#spatial-visual-gallery .sg-heading{position:absolute;left:14%;top:60px;margin:0;font-size:23px;font-weight:400;line-height:.98;letter-spacing:-.04em}
#spatial-visual-gallery .sg-edition{position:absolute;left:14%;top:25px;font-family:Arial,sans-serif;font-size:11px;color:var(--sg-muted)}
#spatial-visual-gallery .sg-top-note{position:absolute;left:76%;right:110px;top:25px;font-family:Arial,sans-serif;font-size:11px;line-height:1.4;white-space:nowrap;color:var(--sg-muted)}
#spatial-visual-gallery .sg-meta{position:absolute;left:14%;top:39%;width:15%;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;line-height:1.5}
#spatial-visual-gallery .sg-meta-row+.sg-meta-row{margin-top:28px}
#spatial-visual-gallery .sg-meta-label{display:block;margin-bottom:6px;font-size:11px;color:var(--sg-muted)}
#spatial-visual-gallery .sg-stage{position:absolute;left:31%;right:25.5%;top:70px;bottom:65px;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
#spatial-visual-gallery.is-dragging .sg-stage{cursor:grabbing}
#spatial-visual-gallery .sg-plate{position:absolute;left:0;top:0;margin:0;padding:0;border:0;background:#fff;border-radius:0;overflow:hidden;transform-origin:center;will-change:transform;backface-visibility:hidden;appearance:none;cursor:inherit}
#spatial-visual-gallery .sg-plate img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}
#spatial-visual-gallery .sg-index{position:absolute;left:14%;bottom:71px;display:flex;align-items:flex-start;gap:18px;pointer-events:none}
#spatial-visual-gallery .sg-number{position:relative;display:block;width:1.21em;height:1em;overflow:hidden;font-family:Arial,Helvetica,sans-serif;font-size:clamp(85px,12vw,148px);font-weight:400;line-height:1;letter-spacing:-.1em}
#spatial-visual-gallery .sg-digit{position:absolute;left:0;top:0;display:block;will-change:transform}
#spatial-visual-gallery .sg-count{position:absolute;right:0;top:-15px;padding-top:0;font-family:Arial,sans-serif;font-size:11px;white-space:nowrap}
#spatial-visual-gallery .sg-index-label{position:absolute;left:14%;bottom:230px;font-family:Arial,sans-serif;font-size:11px;color:var(--sg-muted)}
#spatial-visual-gallery .sg-captions{position:absolute;left:75.5%;right:23px;top:100px;bottom:90px;overflow:hidden;pointer-events:none}
#spatial-visual-gallery .sg-caption{position:absolute;left:0;top:0;width:100%;text-align:center;will-change:transform,opacity}
#spatial-visual-gallery .sg-category{font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;line-height:1.5;letter-spacing:.015em;color:var(--sg-muted);margin-bottom:10px}
#spatial-visual-gallery .sg-name{font-size:24px;line-height:1.17;letter-spacing:-.035em;overflow-wrap:anywhere}
#spatial-visual-gallery .sg-caption-mark{display:block;margin-top:20px;font-family:Arial,sans-serif;font-size:13px}
#spatial-visual-gallery .sg-close{position:absolute;right:116px;top:12px;min-height:44px;border:0;background:transparent;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;padding:8px;display:none}
#spatial-visual-gallery.is-expanded .sg-close{display:block}
#spatial-visual-gallery.is-expanded .sg-top-note,#spatial-visual-gallery.is-expanded .sg-meta,#spatial-visual-gallery.is-expanded .sg-index-label{visibility:hidden}
#spatial-visual-gallery.is-expanded .sg-captions{left:14%;right:25%;top:auto;bottom:77px;height:72px}
#spatial-visual-gallery.is-expanded .sg-caption{text-align:left}
#spatial-visual-gallery.is-expanded .sg-category{margin-bottom:7px}
#spatial-visual-gallery.is-expanded .sg-caption-mark{display:none}
#spatial-visual-gallery.is-expanded .sg-index{left:23px;bottom:19px;gap:12px}
#spatial-visual-gallery.is-expanded .sg-number{font-size:39px}
#spatial-visual-gallery.is-expanded .sg-count{padding-top:4px}
#spatial-visual-gallery.is-expanded .sg-stage{cursor:zoom-out}
#spatial-visual-gallery .sg-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#spatial-visual-gallery.is-transitioning .sg-captions,#spatial-visual-gallery.is-transitioning .sg-index,#spatial-visual-gallery.is-transitioning .sg-meta,#spatial-visual-gallery.is-transitioning .sg-index-label{opacity:0}
@media(max-width:680px){
 #spatial-visual-gallery{height:660px}
 #spatial-visual-gallery .sg-brand{left:18px;top:23px;font-size:22px}
 #spatial-visual-gallery .sg-heading{left:74px;top:42px;font-size:21px}
 #spatial-visual-gallery .sg-edition{left:74px;top:22px;font-size:11px}
 #spatial-visual-gallery .sg-top-note,#spatial-visual-gallery .sg-meta,#spatial-visual-gallery .sg-index-label{display:none}
 #spatial-visual-gallery .sg-stage{left:0;right:0;top:130px;bottom:192px}
 #spatial-visual-gallery .sg-index,#spatial-visual-gallery.is-expanded .sg-index{left:17px;bottom:106px;gap:0}
 #spatial-visual-gallery .sg-number,#spatial-visual-gallery.is-expanded .sg-number{font-size:64px}
 #spatial-visual-gallery .sg-count{display:none}
 #spatial-visual-gallery .sg-captions,#spatial-visual-gallery.is-expanded .sg-captions{left:112px;right:18px;top:auto;bottom:100px;height:80px}
 #spatial-visual-gallery .sg-caption,#spatial-visual-gallery.is-expanded .sg-caption{text-align:left}
 #spatial-visual-gallery .sg-name{font-size:21px}
 #spatial-visual-gallery .sg-category{margin-bottom:7px;font-size:11px}
 #spatial-visual-gallery .sg-caption-mark{display:none}
 #spatial-visual-gallery .sg-close{right:104px;top:17px;font-size:11px}
}
#spatial-visual-gallery .sg-paper-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:25;filter:drop-shadow(0 5px 8px rgba(68,49,23,.09))}
#spatial-visual-gallery.sg-paper-ready .sg-plate{background:transparent}
#spatial-visual-gallery.sg-paper-ready .sg-plate img{opacity:0}
#spatial-visual-gallery{height:760px;--sg-info-opacity:1;--sg-index-opacity:1}
#spatial-visual-gallery .sg-stage{inset:0;overflow:visible;z-index:0}
#spatial-visual-gallery .sg-brand,#spatial-visual-gallery .sg-heading,#spatial-visual-gallery .sg-edition,#spatial-visual-gallery .sg-top-note{z-index:35}
#spatial-visual-gallery .sg-heading,#spatial-visual-gallery .sg-edition{left:8.7%}
#spatial-visual-gallery .sg-top-note{left:78%;right:104px}
#spatial-visual-gallery .sg-meta{left:5.5%;width:12%;top:35%;z-index:35;opacity:var(--sg-info-opacity)}
#spatial-visual-gallery .sg-index{left:5.5%;bottom:138px;z-index:40;color:#c3c1b6;mix-blend-mode:difference;opacity:var(--sg-index-opacity)}
#spatial-visual-gallery .sg-number{font-size:clamp(104px,14.2vw,174px)}
#spatial-visual-gallery .sg-index-label{left:5.5%;bottom:306px;z-index:35;opacity:var(--sg-info-opacity)}
#spatial-visual-gallery .sg-captions{left:78%;right:20px;top:145px;bottom:100px;overflow:visible;z-index:35;opacity:var(--sg-info-opacity)}
#spatial-visual-gallery .sg-caption{will-change:transform,opacity,filter}
#spatial-visual-gallery .sg-name{font-size:23px;line-height:1.25}
#spatial-visual-gallery .sg-category{font-size:11px}
#spatial-visual-gallery .sg-close{z-index:50}
#spatial-visual-gallery.is-expanded .sg-captions{left:14%;right:25%;top:auto;bottom:77px;height:72px}
#spatial-visual-gallery.is-expanded .sg-index{left:auto;right:23px;bottom:21px}
#spatial-visual-gallery.is-transitioning .sg-captions,#spatial-visual-gallery.is-transitioning .sg-index,#spatial-visual-gallery.is-transitioning .sg-meta,#spatial-visual-gallery.is-transitioning .sg-index-label{opacity:0}
@media(max-width:680px){
 #spatial-visual-gallery{height:790px}
 #spatial-visual-gallery .sg-heading,#spatial-visual-gallery .sg-edition{left:74px}
 #spatial-visual-gallery .sg-captions,#spatial-visual-gallery.is-expanded .sg-captions{left:112px;right:18px;top:auto;bottom:110px;height:80px}
 #spatial-visual-gallery .sg-index,#spatial-visual-gallery.is-expanded .sg-index{left:17px;right:auto;bottom:116px}
 #spatial-visual-gallery .sg-number,#spatial-visual-gallery.is-expanded .sg-number{font-size:64px}
 #spatial-visual-gallery .sg-name{font-size:21px}
}

body{margin:0;background:#f3ead5}button{cursor:pointer}#spatial-visual-gallery{max-width:var(--sg-shell-width);margin:auto}
.project-viewer{position:fixed;inset:0;border:0;padding:0;max-width:none;max-height:none;width:100%;height:100svh;background:var(--viewer-bg,#fff);color:var(--viewer-ink,#222325);overflow:hidden;transition:background-color .28s ease}
.project-viewer::backdrop{background:transparent}
.viewer-bar{box-sizing:border-box;position:absolute;inset:0 0 auto;z-index:2;height:var(--sg-viewer-header-height);padding:0 var(--sg-header-viewport-inset);display:flex;align-items:center;justify-content:space-between;gap:24px;background:transparent;border:0;-webkit-backdrop-filter:var(--sg-header-filter);backdrop-filter:var(--sg-header-filter);font:14px/1.5 -apple-system,BlinkMacSystemFont,sans-serif}
.viewer-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:0;color:inherit}
.viewer-close{box-sizing:border-box;display:inline-flex;align-items:center;flex-shrink:0;height:44px;min-height:44px;background:transparent;border:0;padding:0;color:inherit;font:inherit;white-space:nowrap}
.viewer-content{box-sizing:border-box;position:absolute;inset:0;z-index:0;height:100%;width:100%;background:transparent}
.viewer-content iframe{display:block;width:100%;height:100%;border:0;background:transparent}
button:focus-visible{outline:2px solid #9e8a67;outline-offset:5px}
@media(max-width:680px){:root{--sg-header-height:76px;--sg-viewer-header-height:52px}.viewer-bar{gap:16px;font-size:13px}}
@media(prefers-reduced-transparency:reduce){.viewer-bar{-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-reduced-motion:no-preference){.project-viewer[open]{animation:viewer-in .24s ease-out}@keyframes viewer-in{from{opacity:0}to{opacity:1}}}

/* Keep the exhibition label quiet; the paper sequence carries the composition. */
#spatial-visual-gallery .sg-heading{left:var(--sg-header-gutter);top:calc((var(--sg-header-height) - 44px)/2);display:flex;align-items:center;height:44px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.4;font-weight:400;letter-spacing:0;color:var(--sg-muted)}
@media(max-width:680px){#spatial-visual-gallery .sg-heading{font-size:13px}}

/* Keep navigation above the papers, and the shared case light behind them. */
body{isolation:isolate;min-height:100svh}
body::before{content:'';position:fixed;inset:0;z-index:-1;background:#f3ead5;pointer-events:none}
#spatial-visual-gallery{isolation:auto;background:transparent}
#spatial-visual-gallery .sg-navigation{position:absolute;right:var(--sg-header-gutter);top:calc((var(--sg-header-height) - 44px)/2);z-index:50;display:flex;align-items:center;gap:28px;font:14px/1.4 -apple-system,BlinkMacSystemFont,sans-serif}
#spatial-visual-gallery .sg-back{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;color:var(--sg-ink);text-decoration:none;font:14px/1.4 -apple-system,BlinkMacSystemFont,sans-serif}
#spatial-visual-gallery .sg-back > span:first-child{font-size:20px;line-height:1}
#spatial-visual-gallery .sg-back:hover{color:var(--sg-muted)}
#spatial-visual-gallery .sg-back:focus-visible{outline:2px solid #9e8a67;outline-offset:4px;border-radius:4px}
#spatial-visual-gallery.is-expanded .sg-navigation{visibility:hidden}
#spatial-visual-gallery .sg-languages{display:flex;align-items:center;gap:12px;color:var(--sg-muted)}
#spatial-visual-gallery .sg-languages a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:28px;color:inherit;text-decoration:none;white-space:nowrap}
#spatial-visual-gallery .sg-languages a[aria-current="true"]{color:var(--sg-ink);text-decoration:underline;text-underline-offset:5px}
#spatial-visual-gallery .sg-languages a:hover{color:var(--sg-ink)}
#spatial-visual-gallery .sg-languages a:focus-visible{outline:2px solid #9e8a67;outline-offset:2px;border-radius:3px}
@media(max-width:680px){#spatial-visual-gallery .sg-navigation{gap:18px;font-size:13px}#spatial-visual-gallery .sg-back{font-size:13px;gap:7px}#spatial-visual-gallery .sg-languages{gap:8px}}


/* Let the live cloud field show through the glass, without a second opaque veil. */
body.has-project-viewer #spatial-visual-gallery{visibility:hidden}
body.has-project-viewer>.atmosphere{opacity:1}

.project-viewer>.atmosphere{opacity:.45;z-index:0}
.project-viewer .viewer-close:focus-visible{outline-color:currentColor}
@media(prefers-reduced-motion:reduce){.project-viewer{transition:none}}

#spatial-visual-gallery .sg-name{font-family:Fauna,'Source Han Serif SC',serif;font-weight:400;font-synthesis:none;letter-spacing:0;line-height:1.4}
