.experience-gallery{--center-w:clamp(250px, 35vw, 360px);--center-h:calc(var(--center-w) * .72);--side-w:clamp(180px, 25vw, 258px);--side-h:calc(var(--side-w) * .72);--peek-w:clamp(70px, 9.8vw, 112px);--peek-h:calc(var(--peek-w) * .72);--gap:clamp(8px, 1.1vw, 15px);--side-offset:calc((var(--center-w) / 2) + var(--gap) + (var(--side-w) / 2));--peek-offset:calc(var(--side-offset) + (var(--side-w) / 2) + var(--gap) + (var(--peek-w) / 2));width:100vw;height:var(--center-h);margin-left:-50vw;position:relative;left:50%;overflow:hidden}.experience-card{opacity:1;will-change:transform, width, height, opacity;background:#f0f0f0;transition:transform .9s cubic-bezier(.22,1,.36,1),width .9s cubic-bezier(.22,1,.36,1),height .9s cubic-bezier(.22,1,.36,1),opacity .5s;position:absolute;top:50%;left:50%;overflow:hidden}.experience-card--center{z-index:3;width:var(--center-w);height:var(--center-h);transform:translate(-50%,-50%)}.experience-card--left,.experience-card--right{z-index:2;width:var(--side-w);height:var(--side-h)}.experience-card--left{transform:translate(calc(-50% - var(--side-offset)), -50%)}.experience-card--right{transform:translate(calc(-50% + var(--side-offset)), -50%)}.experience-card--peek-left,.experience-card--peek-right{z-index:1;width:var(--peek-w);height:var(--peek-h)}.experience-card--peek-left{transform:translate(calc(-50% - var(--peek-offset)), -50%)}.experience-card--peek-right{transform:translate(calc(-50% + var(--peek-offset)), -50%)}.experience-card--hidden{z-index:0;width:var(--peek-w);height:var(--peek-h);opacity:0;transform:translate(-50%,-50%)scale(.75)}.experience-card__wash{pointer-events:none;background:#ffffff47;position:absolute;inset:0}.experience-card--center .experience-card__wash{background:#00000008}@media (max-width:640px){.experience-gallery{--center-w:74vw;--side-w:48vw;--peek-w:26vw;--gap:8px}}