.exhibition-wall{--wall:#dfb793;--wall-ink:#443426;--card-w:250px;position:relative;isolation:isolate;min-height:620px;color:var(--wall-ink);background:linear-gradient(180deg,#ead0b5 0%,#e4be9c 38%,#dcb18d 100%);overflow:hidden;border:1px solid #d9b797;scroll-margin-top:80px}
.exhibition-wall::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.16;background:url('assets/showcase/grain.svg') repeat;background-size:180px;mix-blend-mode:multiply}
.wall-heading{height:125px;display:grid;grid-template-columns:220px 1fr;align-content:center;gap:10px 30px;padding:25px 42px}.wall-relief{width:198px;height:40px;background:#f6efdf;mask:url('brand/lockup.svg') center/contain no-repeat;filter:drop-shadow(1px 2px 1px #805f3f50);transform:translateZ(2px)}.wall-caption{margin:0;font:13px/1.5 'EB Garamond','Noto Serif SC',serif;letter-spacing:.11em;align-self:center}.wall-hint{grid-column:2;font-size:11px;margin:0;color:#6f5542;letter-spacing:.03em}
.wall-rail{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;outline-offset:-4px}.wall-rail::-webkit-scrollbar{display:none}.wall-rail:active{cursor:grabbing}.wall-track{display:flex;width:max-content;gap:82px;padding:24px 58px 42px}.wall-exhibit{position:relative;flex:0 0 var(--card-w);width:var(--card-w);padding-top:12px;isolation:isolate}.wall-exhibit::before{content:'';position:absolute;z-index:-1;inset:-150px -62px -20px;background:radial-gradient(ellipse 48% 62% at 50% 10%,#fff6dd70 0%,#fff3d925 50%,transparent 100%);pointer-events:none}
.wall-card{position:relative;display:block;width:100%;aspect-ratio:105/148;padding:0;background:#f7f1e5;border:0;border-radius:1px;transform:perspective(1800px) rotateY(-1.5deg);box-shadow:1px 0 #e3d9c7,2px 1px #cdbfa9,4px 5px 4px #79583b18,12px 13px 18px #76533330;transition:transform .6s cubic-bezier(.55,.05,.45,.95),box-shadow .6s;cursor:pointer}.wall-card:hover{transform:perspective(1800px) rotateY(0deg) translateY(-2px);box-shadow:2px 2px #d5c7b3,12px 16px 23px #76533338}.wall-cover{position:absolute;inset:0;display:block;overflow:hidden;background:#f4eddf;border:1px solid #e8dfce}.wall-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;user-select:none}.wall-preview{filter:blur(.35px)}.wall-full{opacity:0;transition:opacity .35s}.wall-cover[data-ready=true] .wall-full{opacity:1}.wall-cover[data-ready=true] .wall-preview{opacity:0}
.wall-label{width:64%;min-height:65px;margin:23px 0 0 auto;padding:11px 14px 12px;background:#f5f0e5;box-shadow:0 1px #ddd2bf,2px 3px 4px #79583b22;border:1px solid #eee4d3}.wall-number{display:block;font:10px/1.4 Inter,sans-serif;letter-spacing:.1em;margin:0 0 5px;color:#75644e}.wall-label h2{font:400 17px/1.35 'EB Garamond','Noto Serif SC',serif;letter-spacing:.02em;margin:0;text-wrap:balance}.wall-navigation{display:flex;align-items:center;justify-content:space-between;margin:0 42px;padding:10px 0 22px;border-top:1px solid #a2785438;gap:20px}.wall-arrow{border:0;background:none;font:30px/1.2 Georgia,serif;color:inherit;width:44px;height:44px}.wall-arrow:disabled{opacity:.28;cursor:default}.wall-current{margin:0;font:400 17px/1.5 'EB Garamond','Noto Serif SC',serif;letter-spacing:.02em;text-align:center}
.wall-focus{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;padding:68px 72px 60px 40px;gap:25px;background:linear-gradient(160deg,#ead0b5,#dfb793);perspective:2200px}.wall-focus::before{content:'';position:absolute;inset:0;pointer-events:none;background:url('assets/showcase/grain.svg');opacity:.12;z-index:-1}.wall-focus-stage{position:relative;display:grid;place-items:center;height:100%;min-width:0;perspective:1800px}.wall-focus-book{position:relative;display:block;border:0;background:none;padding:0;width:min(80%,330px);aspect-ratio:105/148;transform-style:preserve-3d;cursor:pointer}.wall-leaf{position:absolute;inset:0;display:block;transform-origin:0 50%;transform-style:preserve-3d;will-change:transform}.wall-leaf>.wall-cover,.wall-inside{position:absolute;inset:0;backface-visibility:hidden;box-shadow:1px 0 #d7c7af,2px 1px #c7b398,11px 16px 24px #694a3230}.wall-leaf>.wall-cover{transform:translateZ(.6px)}.wall-inside{display:block;background:#f7f0e5;transform:rotateY(180deg) translateZ(.6px);overflow:hidden;border:1px solid #e4d8c6}.wall-inside img{width:100%;height:100%;object-fit:contain}.wall-inside::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#4934200c,transparent 9%,#fff8e709 60%,#5a392314 100%)}.wall-focus-copy{max-width:390px;animation:wall-copy-in 1.8s cubic-bezier(.55,.05,.45,.95) both}.wall-focus-copy h2{font:400 clamp(32px,3.8vw,53px)/1.15 'EB Garamond','Noto Serif SC',serif;letter-spacing:.005em;color:#473729;margin:15px 0 24px;text-wrap:balance}.wall-focus-copy p{font-size:15px;line-height:1.8}.wall-focus-copy .wall-spec{font-size:12px;color:#6e5945;margin:28px 0}.wall-customise{display:inline-block;border-bottom:1px solid #a44b27;color:#934421;padding:9px 0;font-size:14px}.wall-close{position:absolute;top:24px;right:28px;width:44px;height:44px;font-size:30px;border:0;background:none;color:#59402c}.wall-focus.closing .wall-focus-copy{opacity:0;transition:opacity .3s}.is-focused .wall-heading,.is-focused .wall-navigation{visibility:hidden}@keyframes wall-copy-in{0%,30%{opacity:0;transform:translateX(15px)}100%{opacity:1;transform:translateX(0)}}
@media(min-width:1600px){.exhibition-wall{--card-w:246px}.wall-track{gap:88px}}
@media(max-width:700px){.exhibition-wall{--card-w:206px;min-height:570px}.wall-heading{height:120px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:22px 26px}.wall-relief{width:160px;height:30px}.wall-caption{font-size:10px;letter-spacing:.055em;align-self:flex-start}.wall-hint{display:none}.wall-track{gap:38px;padding:12px 28px 30px}.wall-label{padding:9px 12px;min-height:60px;margin-top:20px}.wall-label h2{font-size:16px}.wall-navigation{margin:0 24px;padding-bottom:16px}.wall-current{font-size:13px}.wall-focus{grid-template-columns:1fr;grid-template-rows:310px 1fr;align-items:start;padding:45px 26px 22px;gap:12px;overflow-y:auto}.wall-focus-stage{min-height:300px}.wall-focus-book{width:205px}.wall-focus-copy{max-width:none}.wall-focus-copy h2{font-size:30px;margin:7px 0 10px}.wall-focus-copy p{font-size:12px;line-height:1.6;margin-bottom:8px}.wall-focus-copy .wall-spec{margin:12px 0;font-size:10px}.wall-customise{font-size:12px;padding:4px 0}.wall-close{top:8px;right:9px}.wall-focus-copy .wall-number{font-size:9px}}
@media(prefers-reduced-motion:reduce){.wall-card,.wall-full{transition:none}.wall-focus-copy{animation:wall-copy-in .18s linear both}.wall-leaf{will-change:auto}}

.wall-exhibit::before{inset:-30px -62px -20px;background:radial-gradient(ellipse 65% 65% at 50% 15%,#fff6dd55,transparent 80%);mask-image:linear-gradient(transparent,black 15%,black 85%,transparent)}
.wall-relief{position:relative;background:none;mask:none;filter:drop-shadow(1px 2px 1px #805f3f60)}.wall-relief::before{content:"";position:absolute;inset:0;background:#f6efdf;mask:url("brand/lockup.svg") center/contain no-repeat}

/* K7: one immersive view, with a full-size card and in-place browsing. */
@font-face{font-family:'EB Garamond';src:url('assets/fonts/home-eb.woff2') format('woff2');font-weight:400;font-display:swap}
.wall-filters{height:48px;display:flex;align-items:center;gap:20px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:0 38px;border-bottom:1px solid #ac835a35;position:relative;z-index:4;background:#ead0b5}.wall-filters button{flex:none;border:0;border-bottom:1px solid transparent;background:none;padding:8px 0;font:12px/1.3 Inter,Arial,sans-serif;color:#5d4733}.wall-filters button[aria-pressed=true]{border-color:#934421;color:#934421}.exhibition-wall.is-focused{min-height:calc(70svh + 160px)}
.wall-focus{inset:48px 0 0;padding:28px 72px 74px 40px}.wall-focus-book{width:min(calc(70svh * 105 / 148),88%);max-width:none;height:auto;aspect-ratio:105/148}.wall-focus-book.is-outgoing{position:absolute;pointer-events:none}.wall-focus-links{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap}.wall-open{padding:9px 0;border:0;border-bottom:1px solid #64533e;background:none;color:#443426;font:14px/1.5 Inter,Arial,sans-serif}.wall-detail{display:inline-block;margin-top:26px;color:#6e5945;font-size:12px;text-decoration:underline;text-underline-offset:5px}.wall-focus-nav{position:absolute;bottom:14px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #a2785438;padding-top:7px;gap:20px}.wall-focus-status{margin:0;font-size:13px;color:#6f5542;text-align:center}.wall-focus.closing .wall-focus-copy{animation:none;opacity:0}.wall-focus[data-switching=true] .wall-open{opacity:.5;pointer-events:none}
@media(max-width:700px){.wall-filters{padding:0 24px;gap:19px}.exhibition-wall.is-focused{min-height:780px}.wall-focus{inset:48px 0 0;grid-template-rows:370px 1fr;padding:24px 24px 78px;gap:18px}.wall-focus-stage{min-height:0;height:370px}.wall-focus-book{width:min(74vw,260px)}.wall-focus-copy{padding:0 5px}.wall-focus-copy h2{font-size:29px;margin:8px 0 14px}.wall-focus-copy .wall-spec{margin:14px 0}.wall-focus-links{gap:18px}.wall-open,.wall-customise{font-size:12px;line-height:1.4;padding:4px 0}.wall-detail{margin-top:18px;font-size:11px}.wall-focus-nav{bottom:12px;left:25px;right:25px}.wall-focus-status{font-size:11px}.wall-close{top:6px;right:8px}}

/* K8: centered selection, one lit card, quiet neighbouring artwork. */
.exhibition-wall{container-type:inline-size;--card-w:310px}.wall-heading{height:96px;padding-block:14px}.wall-rail{touch-action:pan-y pinch-zoom;user-select:none;overscroll-behavior-x:contain}.wall-track{gap:30px;padding-block:16px 24px}.wall-exhibit{padding-top:12px}
.wall-card,.wall-card:hover{transform:scale(.82);transform-origin:center;filter:brightness(.85);box-shadow:1px 1px #d1c2aa,6px 9px 12px #78543525;transition:transform .7s cubic-bezier(.55,.05,.45,.95),filter .7s cubic-bezier(.55,.05,.45,.95),box-shadow .7s cubic-bezier(.55,.05,.45,.95)}
.wall-exhibit.is-current .wall-card,.wall-exhibit.is-current .wall-card:hover{transform:scale(1);filter:brightness(1);box-shadow:1px 0 #e4dbc9,2px 2px #c4b294,10px 18px 18px #77513430,22px 32px 36px #76502f3d}
.wall-exhibit::before{inset:-26px -64px -18px;opacity:0;background:radial-gradient(ellipse 44% 64% at 50% 16%,#fff5d9bd 0%,#fff1d54d 44%,transparent 90%);mask-image:linear-gradient(transparent,black 8%,black 75%,transparent);transition:opacity .7s cubic-bezier(.55,.05,.45,.95)}.wall-exhibit.is-current::before{opacity:1}
.wall-label{min-height:64px;margin:20px auto 0;opacity:.25;transition:opacity .7s cubic-bezier(.55,.05,.45,.95)}.wall-exhibit.is-current .wall-label{opacity:1}
.wall-navigation{padding:12px 0 16px}.wall-progress{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.wall-dots{display:flex;align-items:center;justify-content:center;gap:0}.wall-dot{display:grid;place-items:center;width:20px;height:22px;padding:0;border:0;background:none}.wall-dot::before{content:'';width:5px;height:5px;border-radius:50%;background:#916e4d60;transition:background-color .2s}.wall-dot[aria-current=true]::before{background:var(--accent-orange);width:6px;height:6px}
@media(min-width:701px) and (max-width:1250px){.exhibition-wall{--card-w:280px}}
@media(max-width:700px){.exhibition-wall{--card-w:min(250px,calc((100vw - 38px)*.71))}.wall-heading{height:84px;padding-block:12px;gap:6px}.wall-track{gap:4px}.wall-label{min-height:60px}.wall-navigation{padding-bottom:16px}.wall-current{font-size:13px}}
@media(prefers-reduced-motion:reduce){.wall-card,.wall-card:hover,.wall-label,.wall-exhibit::before,.wall-dot::before{transition:none}}

/* L1: shared grid cell lets the focused view grow without covering its navigation. */
.exhibition-wall{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:0;--card-w:clamp(180px,calc((100svh - 460px)*105/148),310px)}
.wall-filters{grid-area:1/1;min-width:0}.wall-scene{grid-area:2/1;min-width:0;align-self:start}.is-focused .wall-scene{visibility:hidden}
.wall-heading{height:76px;padding-block:10px}.wall-track{padding-block:10px 18px}
.wall-card,.wall-card:hover{opacity:1;mix-blend-mode:normal;filter:brightness(.9);box-shadow:1px 1px #d1c2aa,6px 9px 12px #78543525}
.wall-exhibit.is-current .wall-card,.wall-exhibit.is-current .wall-card:hover{filter:brightness(1);box-shadow:.5px .5px #c4b294,8px 15px 18px #77513430,20px 28px 36px #76502f35}
.wall-cover{border:0;background:#f4f0e7}.wall-cover::after,.wall-card::after{content:none}.wall-cover img{mix-blend-mode:normal;filter:none}.wall-preview{filter:blur(.35px)!important}
.wall-label{margin-top:16px;min-height:56px}.wall-label h2{font-size:16px}
.wall-navigation{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:0 12px;margin:0 28px;padding:4px 0 10px}.wall-progress{display:contents}.wall-current{grid-area:1/2}.wall-navigation>.wall-arrow:first-child{grid-area:1/1}.wall-navigation>.wall-arrow:last-child{grid-area:1/3}.wall-dots{grid-area:2/1/3/-1;display:grid;grid-template-columns:repeat(8,44px);justify-content:center}.wall-dot{width:44px;height:44px;min-width:44px;min-height:44px;touch-action:manipulation}
.exhibition-wall.is-focused{min-height:0}.wall-focus{position:relative;inset:auto;grid-area:2/1;align-self:stretch;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;padding:28px 60px 12px 32px;gap:20px 30px;min-width:0;overflow:visible}
.wall-focus-stage{grid-area:1/1;min-height:0;height:auto;align-self:stretch}.wall-focus-book{width:min(88%,calc(min(70svh,100svh - 250px)*105/148));max-width:100%;transform-origin:0 0}
.wall-focus-copy{grid-area:1/2;min-width:0;align-self:center;animation:none}.wall-focus-copy h2{overflow-wrap:anywhere;hyphens:auto}.wall-focus-nav{position:static;grid-area:2/1/3/-1;margin:0;align-self:end;min-height:52px;padding-top:7px}.wall-focus-status{overflow-wrap:anywhere}.wall-open[aria-disabled=true]{cursor:progress}.wall-focus-nav [aria-disabled=true]{opacity:.5}
.wall-focus[data-switching=true] .wall-open{pointer-events:auto}.wall-close{top:5px;right:10px}.wall-focus.closing .wall-focus-copy{opacity:0;transition:opacity .2s}
@media(max-width:700px){
 .exhibition-wall{--card-w:min(71vw,calc((100svh - 440px)*105/148),250px)}
 .wall-heading{height:76px}.wall-navigation{margin-inline:14px}.wall-dots{grid-template-columns:repeat(4,44px)}
 .wall-focus{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;padding:32px 24px 12px;gap:18px;overflow:visible}
 .wall-focus-stage{grid-area:1/1;height:min(44svh,370px);min-height:240px}.wall-focus-book{width:min(74vw,calc(min(44svh,370px)*105/148))}
 .wall-focus-copy{grid-area:2/1;padding:0;max-width:none}.wall-focus-copy h2{font-size:29px;line-height:1.22;margin:8px 0 14px}.wall-focus-copy p{font-size:14px}.wall-focus-copy .wall-spec{font-size:12px;margin:14px 0}.wall-open,.wall-customise{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.wall-detail{font-size:13px;margin-top:12px;min-height:44px;display:inline-flex;align-items:center}
 .wall-focus-nav{grid-area:3/1;min-width:0;gap:8px}.wall-focus-status{font-size:12px}.wall-focus-links{gap:16px}.wall-close{top:4px;right:5px}
}
@media(prefers-reduced-motion:reduce){.wall-focus-copy,.wall-focus.closing .wall-focus-copy{transition:none}}

.exhibition-wall{scroll-margin-top:0}

/* L1: .90 is near the requested .85, with less grey paper; no opacity veil or desaturation. */

/* Text over textured gradients needs a darker tone than text on the page's paper surface. */
.wall-hint,.wall-focus .wall-number,.wall-focus .wall-spec,.wall-focus .wall-detail,.wall-focus-status{color:#4c3e30}
.wall-customise{color:#793819}
.wall-label{opacity:.84}.wall-label .wall-number{color:#62513d}.wall-exhibit.is-current .wall-label{opacity:1}