/* Scoped to the Other Work board. The base poster artwork remains in styles.css. */
.gallery.gallery-experience{display:block;padding:0;gap:0;align-items:normal}
.gallery-experience .gx-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.gallery-experience .gx-modes{display:flex;gap:4px;padding:4px;background:#e0e1d9;border-radius:30px;max-width:100%}
.gallery-experience .gx-modes button,.gallery-experience .gx-reset{border:0;border-radius:25px;padding:12px 17px;background:transparent;display:flex;gap:18px;align-items:center;justify-content:center;font:400 14px/1.3 inherit;white-space:nowrap}
.gallery-experience .gx-modes button{font-size:14px;font-weight:400;line-height:1.3;transition:background .2s,box-shadow .2s}
.gallery-experience .gx-modes button[aria-pressed="true"]{background:#fffef9;box-shadow:0 2px 5px #3134290b}
.gallery-experience .gx-modes button:disabled{cursor:default;opacity:.4}
.gallery-experience .gx-reset{font-size:14px;font-weight:400;line-height:1.3;padding-right:0}
.gallery-experience .gx-reset[hidden]{display:none}
.gallery-experience .gx-reset span{font-size:21px;transition:transform .25s}
.gallery-experience .gx-reset:hover span{transform:rotate(-45deg)}
.gallery-experience .gx-instructions{font-size:14px;font-weight:400;line-height:1.5;color:#5b6056;margin:0 0 24px;max-width:100%}
.gallery-experience .gx-stage{position:relative;border:1px solid #d8dacf;border-radius:4px;background-color:#f4f4ee;background-image:radial-gradient(#bec1b699 .7px,transparent .7px);background-size:22px 22px;isolation:isolate}
.gallery-experience[data-layout="free"] .gx-stage{height:650px;overflow:hidden}
.gallery-experience .gx-card{position:relative;min-width:0;border:0;padding:0;filter:drop-shadow(0 9px 14px #2e332611)}
.gallery-experience[data-layout="free"] .gx-card{position:absolute;width:29%;max-width:340px;min-width:220px;transform:rotate(var(--gx-tilt));transform-origin:center;transition:transform .25s ease,filter .25s ease;will-change:transform}
.gallery-experience[data-layout="free"] .gx-card:focus-within{transform:rotate(0deg)}
.gallery-experience[data-layout="free"] .gx-card.gx-dragging{transform:rotate(0deg) scale(1.015);filter:drop-shadow(0 20px 20px #2e332633);transition:filter .2s}
.gallery-experience .gx-handle{position:relative;display:flex;width:100%;justify-content:space-between;align-items:center;border:0;padding:10px 14px;min-height:42px;background:#fffef9;color:#41463a;font-size:14px;font-weight:400;line-height:1.2;cursor:grab;touch-action:none;user-select:none;border-bottom:1px solid #36382c15}
.gallery-experience .gx-handle[hidden]{display:none}
.gallery-experience .gx-handle>span:first-child{font-size:20px;line-height:1}
.gallery-experience .gx-dragging .gx-handle{cursor:grabbing;background:#e7dbfb}
.gallery-experience .gx-open{display:block;background:#fffef9;border:0;padding:0;width:100%;text-align:left;overflow:visible}
.gallery-experience .gx-open .poster{width:100%;height:350px;box-shadow:none;padding:24px}
.gallery-experience .gx-open .poster small{font-size:11px;letter-spacing:.065em;line-height:1.5;font-weight:400}
.gallery-experience .gx-open .poster b{font-size:clamp(48px,5.2vw,72px);letter-spacing:-.055em;font-weight:500}
.gallery-experience .gx-open .poster-one b{font-size:clamp(52px,5.7vw,78px)}
.gallery-experience .gx-caption{position:relative;display:grid;grid-template-columns:1fr auto;gap:5px 15px;padding:17px 40px 17px 16px;min-height:74px;font-size:14px;line-height:1.35;font-weight:400;background:#fffef9}
.gallery-experience .gx-caption>span:first-child{grid-column:1 / -1}
.gallery-experience .gx-category{grid-column:1 / -1;font-size:14px;font-weight:400;color:#69705f}
.gallery-experience .gx-open-arrow{position:absolute;right:17px;top:20px;font-size:22px;transition:transform .2s}
.gallery-experience .gx-open:hover .gx-open-arrow{transform:translate(3px,-3px)}
.gallery-experience .gx-open:hover .gx-caption{background:#f2edfc}
.gallery-experience .gx-open:focus-visible,.gallery-experience .gx-handle:focus-visible{outline:3px solid #674698;outline-offset:3px;position:relative;z-index:2}
.gallery-experience .gx-board-footer{display:flex;justify-content:space-between;gap:16px;margin-top:18px;font-size:14px;line-height:1.5;font-weight:400;color:#5b6056}
.gallery-experience[data-layout="grid"] .gx-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:30px}
.gallery-experience[data-layout="grid"] .gx-card{transform:none}
.gallery-experience[data-layout="grid"] .gx-open .poster{height:365px}
.gallery-experience .gx-live{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.gallery-experience[data-layout="free"] .gx-stage{height:610px}.gallery-experience .gx-open .poster{height:310px;padding:20px}.gallery-experience[data-layout="grid"] .gx-stage{gap:18px;padding:22px}.gallery-experience[data-layout="grid"] .gx-open .poster{height:310px}.gallery-experience .gx-open .poster small{font-size:10px}.gallery-experience .gx-open .poster b{font-size:55px}.gallery-experience .gx-open .poster-one b{font-size:60px}}
@media(max-width:820px){.gallery-experience[data-layout="grid"] .gx-stage{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-experience[data-layout="grid"] .gx-open .poster{height:350px}.gallery-experience .gx-open .poster b{font-size:65px}.gallery-experience .gx-open .poster-one b{font-size:70px}}
@media(max-width:560px){.gallery-experience .gx-toolbar{align-items:start}.gallery-experience .gx-modes{gap:1px}.gallery-experience .gx-modes button{padding:11px 13px;gap:10px}.gallery-experience .gx-modes button span{display:none}.gallery-experience .gx-instructions{margin-bottom:20px}.gallery-experience[data-layout="grid"] .gx-stage{grid-template-columns:1fr;padding:20px;gap:27px}.gallery-experience[data-layout="grid"] .gx-open .poster{height:375px;padding:24px}.gallery-experience .gx-open .poster b{font-size:clamp(62px,17vw,88px)}.gallery-experience .gx-open .poster-one b{font-size:clamp(66px,18vw,93px)}.gallery-experience .gx-open .poster small{font-size:11px}.gallery-experience .gx-board-footer{flex-wrap:wrap}.gallery-experience .gx-caption{padding-top:18px;padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){.gallery-experience *,.gallery-experience *::before,.gallery-experience *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.gallery-experience .gx-instructions{margin:-1px!important}.gallery-experience .gx-board-footer{display:none}.gallery-experience .gx-handle{justify-content:center;min-height:30px;padding:5px 12px}.gallery-experience .gx-stage{border:0;background-color:transparent;background-image:none}