.wall{font-family:var(--sans);color:var(--fg);padding:0 20px 120px}.wall__intro{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;margin-bottom:40px;padding-bottom:40px;display:flex}.wall__intro p{max-width:52ch;color:var(--fg-dim);margin:0;font-size:18px;line-height:1.45}.wall__cta{background:var(--fg);height:44px;color:var(--bg);white-space:nowrap;transition:background-color .24s var(--ease-nav);border-radius:4px;align-items:center;padding:0 16px;font-size:16px;display:inline-flex}.wall__cta:hover{background:var(--blue)}.wall__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:start;gap:32px 20px;margin:0;padding:0;list-style:none;display:grid}.wall__item{min-width:0}.wall__item figure{margin:0}.wall__item img{border:1px solid var(--line);background:#fff;border-radius:4px;width:100%;height:auto;display:block}.wall__item figcaption{font-family:var(--label);letter-spacing:.02em;text-transform:uppercase;color:var(--fg-dim);padding-top:8px;font-size:12px}.wall__open{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.wall__open img{border:1px solid var(--line);width:100%;height:auto;transition:translate .4s var(--ease-out-expo), box-shadow .4s var(--ease-out-expo);background:#fff;border-radius:4px;display:block}.wall__open:hover img{translate:0 -3px;box-shadow:0 14px 30px -18px #11111159}.wall__open:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:4px}.wall__date{font-family:var(--label);letter-spacing:.02em;text-transform:uppercase;color:var(--fg-dim);margin:0;padding-top:8px;font-size:12px}.wall-viewer{z-index:80;font-family:var(--sans);color:var(--fg);animation:wall-viewer-in .3s var(--ease-out-expo);background:#fffffffb;grid-template-rows:auto minmax(0,1fr);place-items:center;gap:16px;padding:16px 16px 24px;display:grid;position:fixed;inset:0}.wall-viewer__bar{width:100%;font-family:var(--label);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:16px;font-size:12px;display:flex}.wall-viewer__date{color:var(--fg-dim);flex:1}.wall-viewer__img{border:1px solid var(--line);-webkit-user-select:none;user-select:none;max-width:min(100%,1400px);max-height:100%;animation:wall-viewer-in .35s var(--ease-out-expo);background:#fff;border-radius:4px;box-shadow:0 30px 60px -30px #11111159}.wall-viewer__btn{border:1px solid var(--line);background:var(--bg);width:44px;height:44px;color:var(--fg);cursor:pointer;transition:background-color .24s var(--ease-nav), color .24s var(--ease-nav);border-radius:4px;place-items:center;padding:0;display:grid}.wall-viewer__btn svg{width:18px;height:18px}.wall-viewer__btn:hover{background:var(--fg);color:var(--bg)}.wall-viewer__btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.wall-viewer__nav{position:fixed;top:50%;translate:0 -50%}.wall-viewer__nav--prev{left:16px}.wall-viewer__nav--next{right:16px}@media (max-width:767px){.wall-viewer{padding-bottom:84px}.wall-viewer__nav{top:auto;bottom:20px;translate:none}.wall-viewer__nav--prev{left:calc(50% - 52px)}.wall-viewer__nav--next{right:calc(50% - 52px)}}@media (min-width:768px){.wall-viewer{padding:24px 88px 40px}}@keyframes wall-viewer-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.wall-viewer,.wall-viewer__img{animation:none}.wall__open img{transition:none}}.wall__empty{color:var(--fg-dim);text-align:center;margin:0;padding:80px 0;font-size:18px}@media (min-width:768px){.wall{padding:0 36px 160px}}.wall-review{font-family:var(--sans);color:var(--fg);padding:140px 20px 120px}.wall-review h1{font-family:var(--display);margin:0 0 8px;font-size:40px;font-weight:500}.wall-review h2{margin:48px 0 16px;font-size:20px;font-weight:500}.wall-review__note{color:var(--fg-dim);margin:0}.wall-review__actions{gap:8px;padding-top:8px;display:flex}.wall-review__actions button{border:1px solid var(--fg);height:36px;color:var(--fg);font:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:0 12px;font-size:14px}.wall-review__actions button[data-primary]{background:var(--fg);color:var(--bg)}@media (min-width:768px){.wall-review{padding:180px 36px 160px}}
