.spot{height:var(--stage-h,420px);perspective:var(--perspective,1400px);perspective-origin:50% 45%;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;place-items:center;display:grid;position:relative;overflow:hidden}.spot.dragging{cursor:grabbing}.spot:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.spot-shadow{filter:blur(8px);pointer-events:none;background:radial-gradient(closest-side,oklch(20% .02 255/.18),#0000);width:60%;height:22%;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.spot-ring{width:0;height:0;transform-style:preserve-3d;transform:translateZ(var(--push,0px)) rotateY(var(--rot,0deg));position:relative}.spot-card{width:var(--cw);height:var(--ch);left:calc(var(--cw) / -2);top:calc(var(--ch) / -2);transform:rotateY(var(--a)) translateZ(calc(var(--r) * -1));-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.spot-case-link{height:100%;color:inherit;text-decoration:none;display:block}.spot-inner{background:var(--surface-2);transition:transform .45s var(--ease), box-shadow .45s var(--ease);border-radius:20px;position:absolute;inset:0;overflow:hidden;box-shadow:0 28px 60px -22px oklch(20% .03 255/.45)}.spot-card.front .spot-inner{box-shadow:0 40px 90px -24px oklch(20% .03 255/.55)}.spot-card:hover .spot-inner{transform:scale(1.03)}.spot-inner img{object-fit:cover;pointer-events:none;width:100%;height:100%}.spot-scrim{background:linear-gradient(#0000 40%,oklch(12% .02 255/.2) 62%,oklch(12% .02 255/.78) 100%);position:absolute;inset:0}.spot-cap{color:oklch(98% 0 0);position:absolute;bottom:16px;left:18px;right:18px}.spot-cap span{opacity:.85;font-size:.8rem;font-weight:600}.spot-cap h3{color:oklch(99% 0 0);margin-top:4px;font-size:clamp(.95rem,1.4vw,1.2rem)}.spot-dock{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin-top:18px;display:grid}.spot-count{font-family:var(--font-mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8rem}.spot-count b{font-family:var(--font-display);color:var(--ink);margin-right:4px;font-size:1.9rem;font-weight:500}.spot-now{text-align:center;flex-direction:column;align-items:center;gap:6px;min-height:76px;display:flex}.spot-now h3{font-size:clamp(1.05rem,1.8vw,1.35rem)}.spot-now p{color:var(--muted);font-size:.9rem}.spot-btns{justify-content:flex-end;gap:10px;display:flex}.spot-btns .icon-btn{width:50px;height:50px}.spot-hint{text-align:center;color:var(--muted);margin-top:6px;font-size:.82rem}.spot-clients{margin-top:clamp(48px,5vw,64px)}.spot-clients-head{margin-bottom:14px;font-weight:600}@media (width<=640px){.spot-dock{grid-template-columns:1fr auto}.spot-now{grid-area:1/1/auto/-1}.spot-count,.spot-btns{grid-row:2}}.work-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(20px,3vw,36px);display:grid}.work-card{color:var(--ink);flex-direction:column;gap:12px;text-decoration:none;display:flex}.work-card .frame{border-radius:var(--r-md);background:var(--surface-2);aspect-ratio:4/3;max-width:100%;overflow:hidden}.work-card img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease)}.work-card:hover img{transform:scale(1.04)}.work-card .client{color:var(--muted);font-size:.86rem;font-weight:600}.work-card h3{font-size:1.1rem}.work-filter{margin-bottom:32px}button.chip[aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.empty{border:1px dashed var(--line-strong);border-radius:var(--r-md);color:var(--muted);padding:28px}.case-hero img{object-fit:cover;border-radius:var(--r-lg);width:100%;max-height:580px}.case-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);display:grid}.case-cols>div{flex-direction:column;gap:10px;display:flex}.case-cols h2{font-size:1.3rem}.case-cols p{color:var(--ink-2)}@media (width<=860px){.case-cols{grid-template-columns:1fr}}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);display:grid}@media (width<=700px){.grid-2{grid-template-columns:1fr}}.clients{border-block:1px solid var(--line);grid-template-columns:repeat(8,minmax(0,1fr));margin-top:clamp(32px,4vw,48px);display:grid}.clients li{place-items:center;min-height:96px;padding:16px 14px;display:grid;position:relative}.clients li+li{border-left:1px solid var(--line)}.clients li:before{content:"";opacity:0;transition:opacity .4s var(--ease-q);background:#fff;position:absolute;inset:0}.clients .lg{object-fit:contain;width:auto;max-width:110px;max-height:40px;transition:opacity .4s var(--ease-q);grid-area:1/1;position:relative}.clients .lg-mono{filter:var(--client-filter);mix-blend-mode:var(--client-blend);opacity:.9}.clients .lg-mono[data-mark=light]{filter:var(--client-light-mark)}.clients .lg-color{mix-blend-mode:multiply;opacity:0}.clients li:hover:before{opacity:1}.clients li:hover .lg-mono{opacity:0}.clients li:hover .lg-color{opacity:1}@media (width<=1000px){.clients{grid-template-columns:repeat(4,minmax(0,1fr))}.clients li:nth-child(5){border-left:0}.clients li:nth-child(n+5){border-top:1px solid var(--line)}}@media (width<=520px){.clients{grid-template-columns:repeat(2,minmax(0,1fr))}.clients li:nth-child(odd){border-left:0}.clients li:nth-child(n+3){border-top:1px solid var(--line)}}