.panel-gallery::before{background:radial-gradient(34vw 34vw at 90% 14%,rgba(46,94,170,.3),transparent 60%),radial-gradient(32vw 32vw at 8% 86%,rgba(228,102,122,.2),transparent 60%)}.gallery-inner{position:relative;z-index:1;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.gallery-heading{font-family:var(--display);font-weight:600;font-size:clamp(32px, 4.5vw, 52px);margin:0 0 40px;color:var(--canvas)}.wall{display:flex;align-items:center;justify-content:center;gap:clamp(-30px,-1.5vw,-6px)}.frame{--frame-width:clamp(280px, 34vw, 460px);--mat-thickness:10px;width:var(--frame-width);padding:14px;position:relative;z-index:2;background:linear-gradient(160deg,#6b4226 0,#4a2c17 100%);border-radius:4px;box-shadow:0 20px 50px rgba(0,0,0,.55);border:none;appearance:none;-webkit-appearance:none;cursor:pointer;display:block}.mat{padding:var(--mat-thickness);background:#ece3d2;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.photo-wrap{position:relative;overflow:hidden;line-height:0}.photo{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;background:#050505;opacity:1;transition:opacity .2s}.photo.is-changing{opacity:0}.frame-caption{margin-top:16px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:rgba(246,240,226,.65);transition:opacity .2s}.frame-caption.is-changing{opacity:0}.frame-caption strong{color:var(--canvas);font-weight:700;display:block;margin-bottom:4px;font-size:13px}.thumb-frame{position:relative;width:clamp(120px,15vw,200px);border:8px solid #cbb27a;box-shadow:inset 0 0 0 2px rgba(0,0,0,.25),0 16px 34px rgba(0,0,0,.6);background:#111;padding:0;aspect-ratio:4/5.5;overflow:hidden;cursor:pointer;appearance:none;-webkit-appearance:none;transition:transform .3s}.thumb-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}.thumb-frame img.is-changing{opacity:0}.thumb-left{transform:rotate(-7deg) translateY(18px);opacity:.85;z-index:1}.thumb-right{transform:rotate(7deg) translateY(28px);opacity:.8;z-index:1}.thumb-left:hover{transform:rotate(-7deg) translateY(14px) scale(1.02)}.thumb-right:hover{transform:rotate(7deg) translateY(24px) scale(1.02)}@media (max-width:720px){.wall{gap:-6vw}.thumb-frame{display:none}}@media (prefers-reduced-motion:reduce){.frame-caption,.photo,.thumb-frame img{transition:none!important}}