/* V26: exploration tools and tactile, accessible interaction details. */
.chapter-launch{position:fixed;left:20px;bottom:22px;z-index:63;display:flex;align-items:center;gap:12px;padding:13px 17px;min-height:44px;max-width:230px;border:1px solid #d2b87960;border-radius:24px;background:#07160ff2;backdrop-filter:blur(15px);color:#e7d197;font:600 9px/1.5 'DM Sans',sans-serif;letter-spacing:.1em;cursor:pointer}.chapter-launch>span:first-child{font-size:16px}.chapter-launch-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chapter-launch[aria-expanded=true]{border-color:#e5ce86;background:#183823}.chapter-panel{position:fixed;z-index:66;left:20px;bottom:82px;width:min(340px,calc(100vw - 40px));max-height:calc(100svh - 185px);overflow:auto;background:#081810f7;backdrop-filter:blur(24px);border:1px solid #cdb36e66;border-radius:9px;box-shadow:0 20px 70px #0009;padding:22px}.chapter-panel[hidden]{display:none}.chapter-panel header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px;color:#e6ce8b}.chapter-panel h2{font:600 10px/1.5 'DM Sans',sans-serif;letter-spacing:.16em}.chapter-panel-close{width:36px;height:36px;border-radius:50%;border:1px solid #b4a16955;background:none;color:#e6ce8b;cursor:pointer;font-size:23px}.chapter-panel nav{display:grid;gap:5px}.chapter-panel a{display:flex;align-items:center;gap:13px;min-height:44px;padding:11px 12px;border-radius:4px;border:1px solid transparent;color:#b7ccbd;font:500 11px/1.5 'DM Sans',sans-serif;letter-spacing:.06em;transition:background .2s,border-color .2s}.chapter-panel a span{font-size:9px;color:#839c88;font-variant-numeric:tabular-nums}.chapter-panel a:hover,.chapter-panel a[aria-current]{color:#f1d99a;background:#213d2955;border-color:#c6ad6540}.chapter-panel a[aria-current]:after{content:'●';font-size:6px;color:#9bebba;margin-left:auto}.intro-active .chapter-launch,.intro-active .chapter-panel{visibility:hidden}
.menu-seal{display:none}.chapter-emblem{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border:1px solid #bba05e50;border-radius:50%;color:#ddc27b;background:#0e231855}.chapter-emblem svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.gateway .chapter-emblem{color:#5c703d;border-color:#5c703d77;background:#ddd5a750}.footer-link-groups{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px!important;max-width:720px;width:100%}.footer-link-group{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}.footer-link-group h3{font:600 10px/1.7 'DM Sans',sans-serif;letter-spacing:.15em;color:#d9c17f;margin-bottom:5px}.footer-link-group a,.footer-link-group .coming-soon{font-size:10px!important;line-height:1.8!important;letter-spacing:.06em}.footer-credit{font:400 10px/1.8 'DM Sans',sans-serif;color:#9cb29f;border-top:1px solid #c0ac6c25;padding-top:24px;margin-top:32px}.footer-credit a{color:#e1c884;text-decoration:underline;text-underline-offset:3px}
.art-zoom-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin:12px 45px 8px}.art-zoom-controls button{display:grid;place-items:center;min-width:42px;height:42px;padding-inline:12px;border:1px solid #d8c18366;border-radius:22px;background:#0c2015;color:#efd79a;cursor:pointer;font-size:15px}.art-zoom-controls output{font:500 11px/1.5 'DM Sans',sans-serif;min-width:42px;text-align:center;color:#c8d9c7}.art-zoom-controls button:disabled{opacity:.35;cursor:default}.gallery-animated #art-dialog{overflow:auto;overscroll-behavior:contain;padding-bottom:86px}.art-viewport{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:min(86vw,1250px);height:min(64svh,780px);background:#030b07;touch-action:pan-y;border:1px solid #b7cbac18}.art-viewport.is-zoomed{touch-action:none;cursor:grab}.art-viewport.is-panning{cursor:grabbing}.gallery-animated .art-viewport #art-full{display:block;width:auto;height:auto;max-width:100%;max-height:100%;min-height:0;object-fit:contain;transform:translate(var(--pan-x,0px),var(--pan-y,0px)) scale(var(--zoom,1))!important;transform-origin:center;user-select:none;-webkit-user-drag:none;will-change:transform}.art-zoom-hint{font:400 10px/1.6 'DM Sans',sans-serif;color:#94ad9c;text-align:center;margin:0 0 12px;letter-spacing:.025em}.art-viewport:focus-visible{outline:2px solid #edcf88;outline-offset:3px}.gallery-animated #art-caption{margin-top:16px;padding-top:0!important}.viewer-controls{position:sticky!important;bottom:0;background:#07160ff2;padding:10px;border-radius:5px;border:1px solid #c7ae6733;justify-content:space-between;right:auto!important;left:auto!important;margin-top:18px}.gallery-animated #art-dialog{padding-bottom:18px!important}
.loading-art{opacity:0!important}.loaded-art{opacity:1}.image-awaiting{background:linear-gradient(110deg,#0a1c12 30%,#183a254f 45%,#0a1c12 60%);background-size:220% 100%;animation:art-loading 2s ease-in-out infinite;min-height:120px}.image-failed{background:#0b1c12}.image-failed:after{content:'ARTWORK UNAVAILABLE';display:block;padding:16px;font:500 10px/1.5 'DM Sans',sans-serif;color:#c7b47c}.loaded-art.art-reveal{animation:art-loaded .65s ease-out both}@keyframes art-loading{to{background-position:-220% 0}}@keyframes art-loaded{from{opacity:0}to{opacity:1}}
.action:active,.join:active,.archive-tool:active,.gallery-controls button:active,.art-zoom-controls button:active{translate:0 1px;filter:brightness(.93)}button:disabled{cursor:default}.action,.join,.archive-tool,.gallery-controls button{transition:background .25s,border-color .25s,box-shadow .25s,translate .2s}.action:focus-visible,.join:focus-visible,.chapter-launch:focus-visible,.chapter-panel a:focus-visible,.art-zoom-controls button:focus-visible{outline:2px solid #e6d092;outline-offset:4px}.gallery-item:focus-within{outline:1px solid #e6d092;outline-offset:3px}
@media(max-width:850px){.nav .menu-seal{display:flex;align-items:center;gap:14px;padding:2px 5px 20px;border-bottom:1px solid #c0aa652b;margin-bottom:9px}.menu-seal img{width:44px;height:44px;border-radius:4px;border:1px solid #c4af6e55}.menu-seal>span{font:800 24px/1 'Barlow Condensed',sans-serif;color:#e9d393}.menu-seal small{display:block;margin-top:7px;color:#94ad9b;font:500 7px/1.6 'DM Sans',sans-serif;letter-spacing:.16em}.nav .nav-title{padding-top:12px}.nav.is-open>a{animation:nav-arrive .45s calc(var(--menu-order,0)*.045s) cubic-bezier(.16,1,.3,1) both}.chapter-launch{left:14px;bottom:14px;width:44px;height:44px;padding:0;justify-content:center;border-radius:50%}.chapter-launch-name{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.chapter-panel{left:14px;bottom:72px;width:min(340px,calc(100vw - 28px));max-height:calc(100svh - 160px)}.footer-link-groups{max-width:none}.art-viewport{width:86vw;height:57svh}.art-zoom-hint{font-size:9px}.footer-credit{font-size:10px}}
@media(max-width:560px){.nav{max-height:calc(100svh - 120px);padding:19px}.nav a{padding-block:14px}.footer-link-groups{grid-template-columns:1fr 1fr!important;gap:32px 24px!important}.footer-link-group:last-child{grid-column:1/-1}.footer-top>div.footer-link-groups a{font-size:11px!important}.footer-link-group{gap:13px}.art-zoom-controls{gap:7px;margin-inline:32px}.art-zoom-controls button{height:40px;min-width:40px;font-size:13px;padding-inline:10px}.art-viewport{width:85vw;height:52svh}.gallery-animated #art-dialog{padding:12px!important;max-height:94svh}.gallery-animated #art-caption{font-size:11px!important;max-width:100%;line-height:1.7!important}.art-description{max-width:100%;font-size:11px!important}.viewer-controls{padding:8px;margin-top:14px}.chapter-emblem{width:25px;height:25px}.chapter-emblem svg{width:13px;height:13px}.hero .chapter-emblem{display:none}}
@keyframes nav-arrive{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.nav.is-open>a,.image-awaiting,.loaded-art.art-reveal{animation:none!important}.loading-art{opacity:0!important}.action,.join,.archive-tool,.gallery-controls button,.chapter-panel a{transition:none}}
html[data-hero-animation=off] .nav.is-open>a,html[data-hero-animation=off] .image-awaiting,html[data-hero-animation=off] .loaded-art.art-reveal{animation:none!important}
.art-viewport{touch-action:none}
.art-zoom-controls{margin:50px 0 12px}@media(max-width:560px){.art-zoom-controls{margin:46px 0 12px}}

/* Emerald liquid glass for the mobile navigation. */
@media(max-width:850px){
#nav.nav{background:linear-gradient(145deg,rgba(225,243,227,.13),rgba(30,70,51,.12) 38%,rgba(4,22,15,.34)),rgba(7,29,21,.91)!important;border:1px solid rgba(225,211,157,.38)!important;border-radius:22px!important;box-shadow:inset 0 1px 0 rgba(255,255,242,.24),inset 1px 0 0 rgba(218,244,222,.10),0 24px 64px rgba(0,0,0,.42)!important;-webkit-backdrop-filter:blur(40px) saturate(135%)!important;backdrop-filter:blur(40px) saturate(135%)!important;overflow-y:auto;overscroll-behavior:contain;}
#nav.nav .menu-seal{border-bottom-color:rgba(237,220,168,.22);gap:14px}
#nav.nav .menu-seal img{width:52px;height:60px;object-fit:contain;flex:none;background:transparent;border:0;border-radius:0;filter:drop-shadow(0 3px 7px rgba(0,0,0,.35))}
#nav.nav .menu-seal>span{color:#f2e6ba;text-shadow:0 2px 8px rgba(0,0,0,.35)}
#nav.nav .menu-seal small{color:#cedbd0}
#nav.nav>a{color:#f2f1df!important;border-bottom-color:rgba(228,237,218,.13)!important;text-shadow:0 1px 4px rgba(0,0,0,.45);border-radius:8px;transition:background .2s,color .2s}
#nav.nav>a:hover,#nav.nav>a:focus-visible{background:rgba(221,237,216,.10)!important;color:#ffe7a3!important;outline:2px solid rgba(228,205,137,.65);outline-offset:-2px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#nav.nav{background:rgba(7,29,19,.97)!important}}
}

/* Keep the popup's backdrop sampling clear of the header's glass layer on Safari. */
@media(max-width:850px){
body.nav-open .header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
#nav.nav{background:linear-gradient(135deg,rgba(220,244,230,.14),rgba(90,145,113,.06) 40%,rgba(1,13,9,.14)),rgba(7,29,21,.91)!important;border-color:rgba(233,222,177,.48)!important;box-shadow:inset 0 1px 0 rgba(255,255,240,.32),inset 0 -1px 0 rgba(196,231,207,.09),0 24px 70px rgba(0,0,0,.55)!important;background-clip:padding-box}
#nav.nav .nav-title{color:#bbcdbf}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#nav.nav{background:#10271d!important}}
}