.project-wall{--wall-width:clamp(300px, 28vw, 540px);--wall-gap:calc(var(--wall-width) * .7);background:var(--color-bg-dark);color:var(--color-text-light);isolation:isolate;position:relative}.project-wall [hidden]{display:none!important}.project-wall__viewport{cursor:grab;touch-action:none;background:radial-gradient(60% 55%,#ff000012 0%,#f000 70%);height:100svh;min-height:100vh;position:relative;overflow:hidden}.project-wall__viewport.is-dragging{cursor:grabbing}.project-wall__canvas{perspective:1200px;perspective-origin:50%;position:absolute;inset:0}.project-wall__tile{aspect-ratio:1;color:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;text-decoration:none;display:block;position:relative}.project-wall__frame{background:#0f0e16;border:1px solid #ffffff1a;display:block;position:absolute;inset:0;overflow:hidden}.project-wall__canvas>.project-wall__tile{width:var(--wall-width);will-change:transform;backface-visibility:hidden;position:absolute;top:0;left:0}.project-wall__media{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.project-wall__arrow{color:var(--color-accent);flex-shrink:0;transition:translate .3s}.project-wall__caption{background:linear-gradient(#0000,#080710d9);justify-content:space-between;align-items:center;gap:20px;padding:44px 24px 24px;font-size:clamp(18px,1.6vw,26px);line-height:1.2;display:flex;position:absolute;inset:auto 0 0}.project-wall__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin:0;padding:120px 4vw 96px;list-style:none;display:grid}.project-wall__list>li{min-width:0}.project-wall.is-canvas .project-wall__list{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.project-wall a:focus-visible,.project-wall__viewport:focus-visible{outline:3px solid var(--color-accent);outline-offset:-4px}@media (prefers-reduced-motion:no-preference){.project-wall__canvas .project-wall__frame{opacity:0;transition:opacity .7s,scale 1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--delay,0s);scale:.86}.project-wall__canvas.is-ready .project-wall__frame{opacity:1;scale:calc(1 - var(--wall-squeeze,0))}.project-wall__canvas.is-settled .project-wall__frame{transition:scale .35s cubic-bezier(.2,.8,.2,1)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.project-wall__media{transition:scale .6s cubic-bezier(.2,.8,.2,1)}.project-wall__tile:hover .project-wall__media{scale:1.05}.project-wall__tile:hover .project-wall__arrow{translate:6px}.project-wall__tile:hover .project-wall__frame{border-color:var(--color-accent)}}@media (min-width:768px) and (max-width:1023px){.project-wall__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.project-wall{--wall-width:68vw}.project-wall__caption{padding:36px 16px 16px;font-size:18px}.project-wall__list{grid-template-columns:1fr;padding-inline:24px}}