.pfw-box{border-block:1px solid var(--border);perspective:1500px;height:660px;position:relative;overflow:hidden}.pfw-plane{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:1180px;display:grid;position:absolute;top:50%;left:67%;transform:translate(-50%,-50%)rotateX(52deg)rotate(-26deg)scale(1.18)}.pfw-col{--pfw-gap:20px;gap:var(--pfw-gap);flex-direction:column;animation:36s linear infinite pfw-up;display:flex}.pfw-col-d{animation-name:pfw-down}@keyframes pfw-up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - var(--pfw-gap) / 2))}}@keyframes pfw-down{0%{transform:translateY(calc(-50% - var(--pfw-gap) / 2))}to{transform:translateY(0)}}.pfw-box:hover .pfw-col{animation-play-state:paused}.pfw-tile{aspect-ratio:4/3;background:#fff;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 30px 50px -20px #000c}.pfw-fade{background:linear-gradient(90deg, var(--background) 0, var(--background) 43%, transparent 70%), linear-gradient(180deg, var(--background) 0, transparent 22%, transparent 78%, var(--background) 100%);pointer-events:none;position:absolute;inset:0}.pfw-over{pointer-events:none;align-items:center;display:flex;position:absolute;inset:0}.pfw-copy{pointer-events:auto;max-width:470px}@media (max-width:899px){.pfw-box{height:900px}.pfw-plane{gap:14px;width:760px;top:80%;left:50%}.pfw-col{--pfw-gap:14px}.pfw-fade{background:linear-gradient(180deg, var(--background) 0, var(--background) 52%, transparent 72%, transparent 90%, var(--background) 100%)}.pfw-over{align-items:flex-start;padding-top:56px}}