/* Full-width projects with a compact floating index. */
:root{--nav-ink:#f3efe6;--nav-ground:#171716;--nav-accent:#ff6745}
.navigation-ready{scroll-padding-top:100px}
.navigation-ready .chapter-nav{display:none}
html .header,html[data-experience="choose"] .header{position:fixed;inset:0 0 auto;display:flex;align-items:center;width:100%;height:82px;padding:0 4vw;gap:24px;z-index:50;border:0;border-bottom:1px solid #ffffff16;border-radius:0;box-shadow:none;background:#101010f2;mix-blend-mode:normal;backdrop-filter:none;transform:none;translate:none;opacity:1;visibility:visible}
html .header .brand{width:90px;flex-shrink:0}.header .logo-crop{width:90px;height:42px}.header .logo-crop img{width:177px;left:-42px;top:-69px}
html .header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:13px}
.jelly-button{display:inline-flex;position:relative;align-items:center;justify-content:center;isolation:isolate;min-height:44px;padding:0 22px;border:0;border-radius:50px;background:none;color:var(--nav-ink);font:500 13px/1.2 'DM Sans',sans-serif;cursor:pointer;text-decoration:none}
.jelly-surface{position:absolute;inset:0;z-index:-1;border:1px solid #ffffff38;border-radius:inherit;background:#252523;box-shadow:inset 0 1px 0 #ffffff0c;transform-origin:center;transition:background .25s,border-color .25s}
.jelly-button-primary{color:#17120d}.jelly-button-primary .jelly-surface{background:var(--nav-accent);border-color:#ff8e71;box-shadow:inset 0 1px 0 #ffffff35}
.jelly-label{position:relative;display:inline-grid;overflow:clip;line-height:1.3}.jelly-label>span{grid-area:1/1;transition:translate .4s cubic-bezier(.16,1,.3,1)}.jelly-label>span+span{translate:0 120%}
.jelly-arrow{font-size:20px;margin-left:12px;transition:translate .4s cubic-bezier(.16,1,.3,1)}
@media(hover:hover){.jelly-button:hover .jelly-surface{background:#393936;border-color:#ffffff65}.jelly-button-primary:hover .jelly-surface{background:#ff8063;border-color:#ffad98}.jelly-button:hover .jelly-label>span:first-child{translate:0 -120%}.jelly-button:hover .jelly-label>span+span{translate:0 0}.jelly-button:hover .jelly-arrow{translate:3px -3px}}
.jelly-button:focus-visible .jelly-surface{border-color:#f3efe6}.jelly-button:focus-visible,.project-dock a:focus-visible{outline:2px solid var(--nav-accent);outline-offset:4px}
/* Style the existing project actions as tactile controls in the same family. */
.museum-project-link,.exhibition-intro>a,.watch-opening{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:46px!important;padding:11px 20px!important;border:1px solid #ffffff48!important;border-radius:28px;background:#f3efe6;color:#181815;font:500 13px/1.2 'DM Sans',sans-serif;box-shadow:inset 0 1px 0 #fff5;transition:background .25s,color .25s}
.museum-project-link span,.exhibition-intro>a span{font-size:22px;line-height:1;transition:translate .35s}
.museum-sheet-light .museum-project-link{background:#191a14;color:#f3efe6;border-color:#191a14!important}
@media(hover:hover){.museum-project-link:hover,.exhibition-intro>a:hover,.watch-opening:hover{background:var(--nav-accent);color:#18140e}.museum-project-link:hover span{translate:3px -3px}}
.museum-project-link:focus-visible,.exhibition-intro>a:focus-visible,.watch-opening:focus-visible{outline:2px solid var(--nav-accent);outline-offset:4px}
@media(max-width:760px){html .header,html[data-experience="choose"] .header{height:74px;padding:0 5vw;gap:12px}html .header .brand{width:66px}.header .logo-crop{width:66px;height:34px}.header .logo-crop img{width:139px;left:-34px;top:-54px}html .header-actions{gap:6px}.header .jelly-button{padding:0 13px;min-height:40px;font-size:12px}.header .jelly-arrow{margin-left:7px;font-size:18px}}
@media(max-width:370px){.header-actions>.jelly-button:first-child{display:none}.header .jelly-button{padding:0 14px}}
@media(prefers-reduced-motion:reduce){.jelly-label>span{transition:none;translate:none!important}.jelly-label>span+span{visibility:hidden}.jelly-arrow,.jelly-surface,.museum-project-link,.exhibition-intro>a,.watch-opening{transition:none!important}.jelly-button:focus-visible .jelly-label{text-decoration:underline}}

html.project-dock-ready{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html.project-dock-ready{scroll-behavior:auto}}

.header .jelly-button{color:var(--nav-ink)}.header .jelly-button-primary{color:#17120d}
.opening-rail .intro-toggle{border-radius:26px;min-height:44px;padding:10px 20px;border-color:#ffffff55;background:#252523;color:#f3efe6}
.opening-rail .intro-toggle:hover{background:#f3efe6;color:#181815}

/* No reserved column: the work uses the entire available page width. */
.project-dock-ready #long-experience{padding-right:0;padding-bottom:96px}
.project-dock{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));translate:-50% 0;width:336px;max-width:calc(100vw - 24px);z-index:45;color:var(--nav-ink);font-family:'DM Sans',sans-serif}
.project-dock[hidden],.dock-index[hidden]{display:none!important}
.project-dock.is-obscured{visibility:hidden;pointer-events:none}
.dock-bar{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #ffffff28;border-radius:32px;background:#1b1b19f5;box-shadow:0 8px 30px #0005,inset 0 1px 0 #ffffff0c}
.dock-bar .jelly-button{height:44px;min-height:44px;padding:0;border-radius:24px;color:var(--nav-ink)}
.dock-step{width:44px;flex:0 0 44px;font-size:22px!important}
.dock-step .jelly-surface{background:#33332e;border-color:#ffffff14}
.dock-step[aria-disabled=true]{opacity:.25;pointer-events:none}
.dock-trigger{flex:1;min-width:0;gap:9px;padding:0 12px!important}
.dock-trigger .jelly-surface{background:var(--nav-accent);border-color:#ff9b7e}
.dock-trigger.jelly-button{color:#17120d}
.dock-count{font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums;opacity:.7}
.dock-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock-chevron{margin-left:auto;font-size:17px;line-height:1;transition:rotate .3s}
.dock-trigger[aria-expanded=true] .dock-chevron{rotate:180deg}
.dock-index{position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50% 0;width:392px;max-width:calc(100vw - 24px);max-height:calc(100svh - 180px - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain;padding:12px;border:1px solid #ffffff28;border-radius:24px;background:#1b1b19;box-shadow:0 18px 50px #0007;transform-origin:50% 100%;animation:dock-unfold .4s cubic-bezier(.2,.85,.3,1.15)}
.dock-index-heading{display:flex;justify-content:space-between;padding:6px 6px 14px;font-size:10px;color:#bdbab1;letter-spacing:.03em}
.dock-index-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.dock-project{display:flex;align-items:center;gap:8px;min-height:56px;padding:8px;border-radius:12px;color:var(--nav-ink);background:#ffffff06;transition:background .2s,translate .25s}
.dock-project img{display:block;width:32px;height:36px;object-fit:cover;border-radius:6px}
.dock-project>span{font-size:11px;line-height:1.3}.dock-project small{margin-left:auto;font-size:9px;opacity:.5}
.dock-project[aria-current=location]{background:#ff674526;color:#ff967c;box-shadow:inset 0 0 0 1px #ff67455c}
.dock-home{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:8px 6px 0;margin-top:8px;border-top:1px solid #ffffff1c;font-size:11px;color:#bdbab1}
.project-dock a:focus-visible,.dock-trigger:focus-visible{outline:2px solid var(--nav-accent);outline-offset:2px}
.opening-rail{bottom:100px}.opening-caption{bottom:165px}
@media(hover:hover){.dock-project:hover{background:#ffffff15;translate:0 -2px}.dock-trigger:hover .jelly-surface{background:#ff8063;border-color:#ffad98}.dock-home:hover{color:#fff}}
@keyframes dock-unfold{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:760px){.project-dock{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.opening-rail{bottom:100px}.opening-caption{bottom:165px}.dock-index{padding:10px}.dock-project{gap:6px;padding:6px}.dock-project small{display:none}}
@media(prefers-reduced-motion:reduce){.dock-index{animation:none}.dock-project,.dock-chevron{transition:none}.dock-project:hover{translate:none}}