.ws-page{--ws-ease: cubic-bezier(.22, 1, .36, 1);--ws-dur-fast: .18s;--ws-dur: .6s;--ws-dur-slow: 1.2s}.ws-wall{position:relative;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:min(640px,72svh);overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}.ws-col{display:flex;flex-direction:column;gap:14px;animation:ws-up var(--ws-col-dur, 80s) linear infinite;will-change:transform}.ws-col:nth-child(2){animation-name:ws-down;--ws-col-dur: 96s;margin-top:-120px}.ws-col:nth-child(3){--ws-col-dur: 88s;margin-top:-40px}.ws-wall:hover .ws-col,.ws-wall:focus-within .ws-col,.ws-row:hover .ws-row-track,.ws-row:focus-within .ws-row-track{animation-play-state:paused}@keyframes ws-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes ws-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.ws-row{overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.ws-row-track{display:flex;gap:12px;width:-moz-max-content;width:max-content;animation:ws-left 70s linear infinite;will-change:transform}.ws-row-track>a{width:min(68vw,340px);flex:none}@keyframes ws-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.ws-tile{position:relative;display:block;overflow:hidden;border-radius:8px;border:1px solid hsl(var(--foreground) / .12);background:hsl(var(--foreground) / .04);aspect-ratio:16 / 10}.ws-tile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform var(--ws-dur) var(--ws-ease)}.ws-tile-label{position:absolute;inset:auto 0 0;padding:18px 12px 10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#f1ede4;background:linear-gradient(to top,hsl(27 22% 5% / .85),transparent);opacity:0;transform:translateY(6px);transition:opacity var(--ws-dur-fast) var(--ws-ease),transform var(--ws-dur-fast) var(--ws-ease)}.ws-tile:hover img,.ws-tile:focus-visible img{transform:scale(1.04)}.ws-tile:hover .ws-tile-label,.ws-tile:focus-visible .ws-tile-label{opacity:1;transform:none}.ws-tile:focus-visible{outline:2px solid hsl(var(--ember));outline-offset:2px}.ws-card{display:flex;flex-direction:column;min-width:0}.ws-shot{position:relative;overflow:hidden;border-radius:10px;border:1px solid hsl(var(--foreground) / .14);background:hsl(var(--foreground) / .04);aspect-ratio:16 / 10;transition:border-color var(--ws-dur-fast) var(--ws-ease),box-shadow var(--ws-dur) var(--ws-ease),transform var(--ws-dur) var(--ws-ease)}.ws-shot>img.ws-desk{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform var(--ws-dur) var(--ws-ease)}.ws-phone{position:absolute;right:4%;bottom:-46%;width:21%;aspect-ratio:480 / 1040;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;border-radius:10px;border:1px solid hsl(var(--foreground) / .18);box-shadow:0 18px 40px -18px #100c0a99;transform:translateY(18%);transition:transform var(--ws-dur) var(--ws-ease)}.ws-card--feature .ws-phone{bottom:-30%;transform:none}@media(min-width:1024px){.ws-shot--tall{flex:1;aspect-ratio:auto;min-height:420px}.ws-shot--tall>img.ws-desk{position:absolute;inset:0}.ws-card--feature .ws-shot--tall .ws-phone{bottom:-18%;width:18%}}.ws-shot--tall>img.ws-desk{transition:transform var(--ws-dur) var(--ws-ease),object-position 7s linear;transition:transform var(--ws-dur) var(--ws-ease),object-position 7s linear,-o-object-position 7s linear}.ws-card:hover .ws-shot--tall>img.ws-desk,.ws-card:focus-visible .ws-shot--tall>img.ws-desk{transform:none;-o-object-position:bottom;object-position:bottom}.ws-card:hover .ws-shot,.ws-card:focus-visible .ws-shot{border-color:hsl(var(--ember) / .55);box-shadow:0 28px 60px -34px hsl(var(--foreground) / .55);transform:translateY(-4px)}.ws-card:hover .ws-desk,.ws-card:focus-visible .ws-desk{transform:scale(1.03)}.ws-card:hover .ws-phone,.ws-card:focus-visible .ws-phone{transform:translateY(-42%)}.ws-card--feature:hover .ws-phone,.ws-card--feature:focus-visible .ws-phone{transform:translateY(-14%)}.ws-card:focus-visible{outline:none}.ws-card:focus-visible .ws-shot{outline:2px solid hsl(var(--ember));outline-offset:3px}.ws-report-shot{aspect-ratio:4 / 3}.ws-report-shot>img.ws-desk{position:absolute;inset:0;transition:transform var(--ws-dur) var(--ws-ease),object-position 9s linear;transition:transform var(--ws-dur) var(--ws-ease),object-position 9s linear,-o-object-position 9s linear}.ws-card:hover .ws-report-shot>img.ws-desk{transform:none;-o-object-position:bottom;object-position:bottom}.ws-domain{position:relative}.ws-domain:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:hsl(var(--ember));transform:scaleX(0);transform-origin:left;transition:transform var(--ws-dur) var(--ws-ease)}.ws-card:hover .ws-domain:after,.ws-card:focus-visible .ws-domain:after{transform:scaleX(1)}.ws-live-dot{width:6px;height:6px;border-radius:999px;background:hsl(var(--ember));animation:ws-pulse 2.4s var(--ws-ease) infinite}@keyframes ws-pulse{0%,to{opacity:1}50%{opacity:.35}}.ws-tab{position:relative;transition:background var(--ws-dur-fast) var(--ws-ease),color var(--ws-dur-fast) var(--ws-ease)}.ws-tab:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;background:hsl(var(--ember));transform:scaleY(0);transition:transform var(--ws-dur) var(--ws-ease)}.ws-tab[aria-selected=true]:before{transform:scaleY(1)}.ws-tab:focus-visible{outline:2px solid hsl(var(--ember));outline-offset:-2px}.ws-bar-track{position:relative;height:44px;background:hsl(var(--foreground) / .06);border-radius:4px;overflow:hidden}.ws-bar{position:absolute;inset:0 auto 0 0;display:flex;transform-origin:left}.ws-seg{height:100%;transition:opacity var(--ws-dur-fast) var(--ws-ease)}.ws-seg+.ws-seg{box-shadow:inset 1px 0 hsl(var(--background) / .7)}@media(prefers-reduced-motion:reduce){.ws-col,.ws-row-track,.ws-live-dot{animation:none}.ws-col:nth-child(2){transform:translateY(-25%)}.ws-tile img,.ws-shot,.ws-desk,.ws-phone,.ws-domain:after{transition:none}}