.community-wall-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:76px 0 30px}
.community-wall-intro h2{font:400 clamp(38px,5.2vw,80px)/1 Jackerton,sans-serif;letter-spacing:-.02em;margin:0;max-width:650px}
.community-wall-intro p{font:400 15px/1.6 Lunema,sans-serif;max-width:260px;margin:0}
.community-wall{columns:6;column-gap:10px;margin:25px -2vw 42px;padding:25px 1vw 40px;position:relative}
.wall-photo{--wall-tilt:-3deg;position:relative;break-inside:avoid;display:block;width:100%;margin:0 0 4px;transform:rotate(var(--wall-tilt));z-index:1;transition:transform .3s,filter .3s}
.wall-photo:nth-child(4n+2){--wall-tilt:4deg;scale:1.065;z-index:2;margin-bottom:11px}.wall-photo:nth-child(4n+3){--wall-tilt:-1deg;margin-top:-8px}.wall-photo:nth-child(7n){--wall-tilt:6deg;scale:.96}
.wall-photo button{display:block;position:relative;width:100%;padding:0;border:0;background:none;cursor:zoom-in;box-shadow:0 4px 12px #543c2738;border-radius:3px;overflow:hidden}
.wall-photo img{display:block;width:100%;height:auto;max-width:100%;border-radius:3px}
.wall-photo .wall-label{position:absolute;inset:auto 0 0;display:block;padding:25px 12px 12px;color:#fff;background:linear-gradient(transparent,#111c);font:400 12px/1.4 Lunema,sans-serif;opacity:0;transition:opacity .2s}
.wall-photo:hover,.wall-photo:focus-within{z-index:6;transform:rotate(0deg) translateY(-7px) scale(1.06)}
.wall-photo:hover .wall-label,.wall-photo:focus-within .wall-label{opacity:1}
.wall-photo button:focus-visible{outline:3px solid #111;outline-offset:3px}
.wall-play{position:absolute;right:8px;top:8px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#111;background:#ffc928;font:14px/1 Lunema,sans-serif}
.wall-photo.wall-arrive{animation:wall-arrive .7s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--wall-order,0)*35ms)}
@keyframes wall-arrive{from{opacity:.3;translate:0 25px}to{opacity:1;translate:0 0}}
@media(max-width:1199px){.community-wall{columns:5}}
@media(max-width:899px){.community-wall{columns:4;column-gap:9px}.community-wall-intro{align-items:flex-start}.community-wall-intro p{max-width:230px}}
@media(max-width:599px){.community-wall{columns:3;column-gap:7px;margin-inline:-10px;padding-inline:4px}.wall-photo{margin-bottom:7px}.community-wall-intro{display:block;margin-top:45px}.community-wall-intro h2{font-size:42px}.community-wall-intro p{margin-top:16px;max-width:300px}.wall-label{display:none!important}.wall-photo:hover{transform:rotate(var(--wall-tilt))}.wall-play{width:25px;height:25px;right:4px;top:4px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.wall-photo{animation:none!important;transition:none}.wall-photo:hover,.wall-photo:focus-within{transform:rotate(var(--wall-tilt))}.wall-label{transition:none}}