.hw-wall{overflow:hidden;perspective:1100px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 90%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 90%,transparent)}.hw-plane{position:absolute;display:flex;flex-direction:column;gap:10px}.hw-row{display:flex;align-items:stretch;gap:8px;height:96px}.hw-tile{position:relative;flex:none;height:100%;overflow:hidden;border-radius:.5rem;background:#f5f5f5;box-shadow:0 0 0 1px rgb(10 10 10/.08),0 8px 20px -8px rgb(10 10 10/.25)}.hw-tile[data-kind=case],.hw-tile[data-kind=site]{aspect-ratio:16/10}.hw-tile[data-kind=video]{aspect-ratio:9/16}.hw-tile img{width:100%;height:100%;object-fit:cover}.hw-wall[data-geo=floor]{perspective-origin:50% 0}.hw-wall[data-geo=floor] .hw-plane{left:50%;bottom:-5rem;width:1700px;margin-left:-850px;transform:rotateX(55deg);transform-origin:50% 100%}.hw-wall[data-geo=floor] .hw-row{justify-content:center}.hw-wall[data-geo=side]{perspective-origin:0 50%}.hw-wall[data-geo=side] .hw-plane{right:-10%;top:50%;width:1800px;transform:translateY(-50%) rotateY(-42deg);transform-origin:100% 50%}.hw-wall[data-geo=side] .hw-row{justify-content:flex-end}@media (min-width:64rem){.hw-wall{-webkit-mask-image:linear-gradient(90deg,transparent,transparent 38%,rgb(0 0 0/.3) 52%,rgb(0 0 0/.75) 62%,#000 72%),linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,transparent 38%,rgb(0 0 0/.3) 52%,rgb(0 0 0/.75) 62%,#000 72%),linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent);mask-composite:intersect}.hw-plane{gap:14px}.hw-row{gap:12px;height:132px}.hw-wall[data-geo=floor]{perspective-origin:60% 15%}.hw-wall[data-geo=floor] .hw-plane{bottom:-6rem;width:3000px;margin-left:-1500px}.hw-wall[data-geo=side] .hw-plane{right:-6%;width:2600px}}@media (min-width:80rem){.hw-wall{-webkit-mask-image:linear-gradient(90deg,transparent,transparent 30%,rgb(0 0 0/.3) 46%,rgb(0 0 0/.75) 58%,#000 70%),linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent);mask-image:linear-gradient(90deg,transparent,transparent 30%,rgb(0 0 0/.3) 46%,rgb(0 0 0/.75) 58%,#000 70%),linear-gradient(180deg,transparent,#000 12%,#000 86%,transparent)}}@keyframes hw-drift{0%{transform:translateZ(0)}to{transform:translate3d(var(--drift),0,0)}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.hw-row{animation:hw-drift linear both;animation-timeline:scroll(root block);animation-range:0 100svh}}}