.gallery-board{perspective:1400px;width:min(1360px,100% - 96px);min-height:clamp(680px,72vw,930px);padding-top:0;padding-bottom:70px;position:relative;overflow:hidden}.gallery-board:before{content:"";z-index:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--foreground) 5%,transparent) 1px,transparent 1px);opacity:.32;pointer-events:none;background-size:16.66% 100%;position:absolute;inset:0 0 70px}.gallery-board:after{content:"";z-index:1;background:radial-gradient(circle at 50% 50%,transparent 0 38%,color-mix(in srgb,var(--bg) 48%,transparent) 76%,var(--bg) 100%);pointer-events:none;position:absolute;inset:0}.gallery-tile{--tile-bg:#efeee9;--tile-fg:#111;z-index:var(--tile-z);width:var(--tile-w);aspect-ratio:var(--tile-ratio);isolation:isolate;border:1px solid color-mix(in srgb,var(--foreground) 10%,transparent);background:var(--tile-bg);color:var(--tile-fg);transform:translate3d(calc(-50% + var(--tile-x)),calc(-50% + var(--tile-y)),0) rotate(var(--tile-rotate)) scale(.96);transform-origin:50%;will-change:transform,opacity;backface-visibility:hidden;border-radius:8px;margin:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .22s,border-color .22s;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 18px 48px #00000047}.gallery-board.has-active .gallery-tile:not(.is-active){opacity:.48}.gallery-tile.is-active{z-index:40;border-color:color-mix(in srgb,var(--foreground) 42%,transparent);outline:0;transform:translate3d(-50%,-50%,80px)rotate(0)scale(1.16)}.gallery-tile>i{border:1px solid;border-radius:50%;transition:transform .8s cubic-bezier(.16,1,.3,1);display:block;position:absolute;inset:15%}.gallery-tile>img{z-index:0;object-fit:cover;will-change:transform;backface-visibility:hidden;width:100%;height:100%;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:block;position:relative;transform:translateZ(0)}.gallery-tile.has-image:after{content:"";z-index:1;mix-blend-mode:saturation;opacity:1;pointer-events:none;will-change:opacity;background:gray;transition:opacity .22s;position:absolute;inset:0}.gallery-tile:nth-child(2n)>i{background:repeating-linear-gradient(45deg,transparent 0 10px,color-mix(in srgb,currentColor 35%,transparent) 11px);border-radius:0;transform:rotate(16deg)}.gallery-tile:nth-child(3n)>i{background:repeating-radial-gradient(circle,#0000 0 14px,currentColor 15px 16px);border:0;inset:-10%}.gallery-tile.is-active>i{transform:scale(1.12)rotate(-5deg)}.gallery-tile.is-active>img{transform:scale(1.05)}.gallery-tile.is-active:after{opacity:.08}.gallery-tile figcaption{z-index:2;color:#f4f4f1;letter-spacing:.08em;opacity:0;background:linear-gradient(#0000,#00000094);justify-content:space-between;align-items:end;gap:16px;padding:34px 18px 16px;font:9px DM Mono,monospace;transition:opacity .28s,transform .28s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(10px)}.gallery-tile.is-active figcaption{opacity:1;transform:translateY(0)}.gallery-tile figcaption p{text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:58%;margin:0;overflow:hidden}