.gallery-accordion{gap:1rem;display:grid}.gallery-accordion__row{perspective:87.5rem;gap:.5rem;height:clamp(24rem,44vw,36rem);display:flex}.gallery-accordion__panel{border-radius:var(--radius-sm);background:var(--color-olive-900);min-width:0;color:var(--color-surface);cursor:pointer;transform-origin:50%;transition-property:flex-grow,transform;transition-duration:.6s;transition-timing-function:var(--ease-out-strong);-webkit-tap-highlight-color:transparent;flex:1 1 0;position:relative;overflow:hidden;transform:rotateY(-3deg)}.gallery-accordion__panel:nth-child(-n+2){transform:rotateY(3deg)}.gallery-accordion__panel.is-active{flex-grow:6;transform:rotateY(0)}.gallery-accordion__panel:focus-visible{outline:2px solid var(--color-sandstone);outline-offset:2px;z-index:2}.gallery-accordion__photo{height:100%;position:absolute;inset:0}.gallery-accordion__photo img{filter:grayscale();transition-property:filter,transform;transition-duration:.6s;transition-timing-function:var(--ease-out-strong);transform:scale(1.08)}.gallery-accordion__panel.is-active .gallery-accordion__photo img{filter:grayscale(0);transform:scale(1)}@media (max-width:39.999rem){.gallery-accordion__row{perspective:none;flex-direction:column;height:42rem}.gallery-accordion__panel,.gallery-accordion__panel:nth-child(-n+2){transform:none}.gallery-accordion__panel.is-active{flex-grow:5}}@media (prefers-reduced-motion:reduce){.gallery-accordion__panel,.gallery-accordion__photo img{transition-duration:.01ms;transition-delay:0s}}