.wall{--wall-brass:color-mix(in oklab, var(--color-cream) 72%, var(--color-ember));--wall-rule:color-mix(in oklab, var(--wall-brass) 16%, transparent);flex:auto;min-height:0;margin:-2rem -1.25rem;display:flex;position:relative}@media (min-width:64rem){.wall{margin:-2.6vh -7vh -2.6vh -3vh}}.wall-stage{perspective:1100px;perspective-origin:50%;background:radial-gradient(80% 70% at 50% 50%, color-mix(in oklab, var(--color-forest) 70%, var(--color-forest-deep)), var(--color-forest-deep));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;outline:none;flex:auto;min-height:70svh;position:relative;overflow:hidden}@media (min-width:64rem){.wall-stage{min-height:0}}.wall-scroll-cue{display:none}@media not (min-width:64rem){.wall{flex-direction:column}.wall-stage{min-height:62svh}.wall-scroll-cue{border-top:1px solid var(--wall-rule);background:var(--color-forest-deep);min-height:3.25rem;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--color-cream-muted);touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.45rem;margin:0;font-size:.62rem;font-weight:600;display:flex}}.wall-stage[data-grabbing],.wall-stage[data-grabbing] .wall-tile__inner{cursor:grabbing}.wall-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--color-ember)}.wall-proxy{visibility:hidden;width:0;height:0;position:absolute}.wall-plane{transform-style:preserve-3d;pointer-events:none;position:absolute;inset:0}.wall-tile{width:var(--tile-w,300px);height:var(--tile-h,260px);border-right:1px solid var(--wall-rule);border-bottom:1px solid var(--wall-rule);backface-visibility:hidden;will-change:transform;pointer-events:auto;position:absolute;top:0;left:0}.wall-tile__inner{cursor:pointer;width:100%;transition:background-color .3s;display:block;position:absolute;inset:0}.wall-tile__inner:focus-visible{outline:none}.wall-tile__inner:before{content:"";background:radial-gradient(85% 85% at var(--light-x,50%) var(--light-y,50%), color-mix(in oklab, var(--color-ember) 14%, transparent), transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.wall-tile__inner:hover:before,.wall-tile__inner:focus-visible:before{opacity:1}.wall-tile__shot{place-items:center;display:grid;position:absolute;inset:20% 14%}.wall-tile__shot img{object-fit:contain;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.wall-tile__inner:hover .wall-tile__shot img,.wall-tile__inner:focus-visible .wall-tile__shot img{transform:scale(1.06)}.wall-tile__view{background:var(--color-ember);width:max-content;color:var(--color-forest-deep);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:.4rem;margin-inline:auto;padding:.45rem .85rem;font-size:.62rem;font-weight:700;transition:opacity .22s;display:inline-flex;position:absolute;bottom:-.4rem;left:0;right:0;box-shadow:0 10px 24px -10px #000c}.wall-tile__inner:focus-visible .wall-tile__view{opacity:1}.wall-stage[data-grabbing] .wall-tile__view{opacity:0!important}.wall-tile__none{color:color-mix(in oklab, var(--color-cream) 20%, transparent);font-size:clamp(2rem,6vh,3.5rem)}.wall-tile__label{max-width:62%;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklab, var(--color-cream-muted) 75%, transparent);flex-wrap:wrap;gap:.3rem;font-size:clamp(.5rem,1vh,.62rem);font-weight:600;line-height:1.3;transition:color .3s;display:flex;position:absolute}.wall-tile__label--tr{justify-content:flex-end;top:.75rem;right:.9rem}.wall-tile__label--bl{bottom:.9rem;left:.9rem}.wall-tile__label--br{text-align:right;color:var(--color-cream);justify-content:flex-end;bottom:.9rem;right:.9rem}.wall-tile__inner:hover .wall-tile__label--br,.wall-tile__inner:focus-visible .wall-tile__label--br{color:var(--color-ember)}.wall-chip{border:1px solid color-mix(in oklab, var(--wall-brass) 25%, transparent);border-radius:999px;padding:.15rem .45rem}.wall-vignette{background:radial-gradient(85% 80% at 50% 50%, transparent 55%, color-mix(in oklab, var(--color-forest-deep) 85%, black));pointer-events:none;position:absolute;inset:0}.wall-plate{z-index:2;border:1px solid color-mix(in oklab, var(--wall-brass) 30%, transparent);background:color-mix(in oklab, var(--color-forest-deep) 78%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:.9rem;max-width:min(36rem,100% - 2rem);padding:.55rem .55rem .55rem 1.4rem;display:flex;position:absolute;bottom:clamp(1rem,2.6vh,2rem);left:clamp(1rem,2.4vw,2rem);box-shadow:0 18px 40px -20px #000000e6}.wall-plate__title{min-width:0;font-family:var(--font-display);letter-spacing:-.02em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;color:var(--color-cream);font-size:clamp(1.15rem,3.4vh,1.9rem);font-weight:800;overflow:hidden}.wall-plate__go{background:var(--color-ember);width:3rem;height:3rem;color:var(--color-forest-deep);cursor:pointer;border-radius:50%;flex:none;place-items:center;transition:background-color .2s,transform .2s;display:grid}.wall-plate__go:hover{background:var(--color-ember-soft)}.wall-plate__go:active{transform:scale(.95)}.wall-plate__go:focus-visible{outline:2px solid var(--color-cream);outline-offset:3px}.wall-hint{z-index:2;border:1px solid color-mix(in oklab, var(--wall-brass) 25%, transparent);background:color-mix(in oklab, var(--color-forest-deep) 70%, transparent);font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-cream-muted);pointer-events:none;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.68rem;font-weight:600;transition:opacity .5s;display:flex;position:absolute;bottom:clamp(1rem,2.6vh,2rem);left:50%;translate:-50%}.wall-hint[data-gone]{opacity:0}@media not (min-width:64rem){.wall-hint{display:none}}@media (prefers-reduced-motion:reduce){.wall-tile__inner,.wall-tile__view,.wall-tile__shot img,.wall-tile__label,.wall-hint,.wall-plate__go{transition:none}}@media not (min-width:64rem){.wall-plate{gap:.6rem;padding-left:1.1rem;bottom:4.25rem}.wall-plate__title{font-size:clamp(1rem,4.6vw,1.3rem)}.wall-plate__go{width:2.75rem;height:2.75rem}}
