.pw{--pw-tile:232px;--pw-gap:22px;--pw-rx:22deg;--pw-ry:-16deg;--pw-rz:12deg;--pw-speed:64s;--pw-scale:1;perspective:1900px;perspective-origin:50% 40%;-webkit-mask-composite:source-in;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 14% 84%,#0000),linear-gradient(90deg,#0000,#000 12% 90%,#0000);mask-image:linear-gradient(#0000,#000 14% 84%,#0000),linear-gradient(90deg,#0000,#000 12% 90%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.pw-plane{justify-content:center;gap:var(--pw-gap);transform:rotateX(var(--pw-rx)) rotateY(var(--pw-ry)) rotateZ(var(--pw-rz)) scale(var(--pw-scale));transform-style:preserve-3d;will-change:transform;display:flex;position:absolute;inset:-12% -8%}.pw-col{gap:var(--pw-gap);width:var(--pw-tile);translate:0 calc(-18% - var(--col) * 9%);flex-direction:column;flex:none;display:flex}.pw-run{gap:var(--pw-gap);flex-direction:column;display:flex}.pw-tile{width:var(--pw-tile);aspect-ratio:390/844;background:#e9e7e2;border-radius:28px;margin:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8c,0 30px 60px -22px #17161c73}.pw-tile img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}@media (prefers-reduced-motion:no-preference){.pw-col{animation:pw-drift var(--pw-speed) linear infinite;translate:0}.pw-col:first-child{animation-duration:var(--pw-speed)}.pw-col:nth-child(2){animation-direction:reverse;animation-duration:calc(var(--pw-speed) * 1.22);animation-delay:-18s}.pw-col:nth-child(3){animation-duration:calc(var(--pw-speed) * .9);animation-delay:-31s}}@keyframes pw-drift{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - var(--pw-gap) / 2))}}.pw[data-variant=hero]{height:100%;min-height:640px}@media (max-width:1200px){.pw[data-variant=hero]{--pw-tile:200px}}.pw[data-variant=backdrop]{--pw-tile:176px;--pw-gap:18px;--pw-rx:18deg;--pw-ry:-14deg;--pw-rz:8deg;--pw-speed:96s;--pw-scale:1.08;-webkit-mask-composite:source-in;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 82%,#0000),radial-gradient(70% 70%,#0000 22%,#000 72%);mask-image:linear-gradient(#0000,#000 18% 82%,#0000),radial-gradient(70% 70%,#0000 22%,#000 72%);-webkit-mask-composite:source-in;mask-composite:intersect}.pw[data-variant=backdrop] .pw-tile{filter:saturate(.92);opacity:.82;box-shadow:0 24px 50px -24px #17161c80}.pw[data-variant=strip]{--pw-tile:148px;--pw-gap:14px;--pw-rx:0deg;--pw-ry:0deg;--pw-rz:-4deg;--pw-speed:70s;perspective:none;-webkit-mask-composite:initial;height:372px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-composite:initial}.pw[data-variant=strip] .pw-plane{transform:rotateZ(var(--pw-rz)) scale(1.06);align-items:center;inset:0 -6%}.pw[data-variant=strip] .pw-col{flex-direction:row;width:auto;translate:0}.pw[data-variant=strip] .pw-run{flex-direction:row}.pw[data-variant=strip] .pw-tile{border-radius:18px}@media (prefers-reduced-motion:no-preference){.pw[data-variant=strip] .pw-col{animation-name:pw-slide}}@keyframes pw-slide{0%{transform:translate(0)}to{transform:translateX(calc(-50% - var(--pw-gap) / 2))}}