.pg-work .wsw{z-index:5;background:var(--paper);padding:clamp(34px,3.4vw,52px) 0 clamp(10px,1.2vw,16px);position:relative}.pg-work .wsw-h{text-align:center;color:#6f747d;margin-bottom:clamp(14px,1.4vw,20px);font-size:15px;font-weight:600}.pg-work .wsw .wsw-row{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:clamp(12px,1.4vw,18px);max-width:1180px;margin:0 auto;display:grid}.pg-work .wsw-t{min-width:0;box-shadow:none;color:var(--ink);transition:translate .3s var(--ease),box-shadow .3s var(--ease),background .3s;background:#fff9;border-radius:14px;align-items:center;gap:16px;padding:10px 18px 10px 10px;display:flex;position:relative}.pg-work .wsw-t:hover{background:#fff;translate:0 -2px;box-shadow:0 18px 40px -26px #0b122073}.pg-work .wsw-t.on{background:#fff;translate:0 -3px;box-shadow:0 26px 54px -26px #0b12208c}.pg-work .wsw-t:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.pg-work .wsw-im{aspect-ratio:16/10;background:#0b1220;border-radius:14px;flex:none;width:clamp(72px,6.6vw,96px);position:relative;overflow:hidden}.pg-work .wsw-im img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.pg-work .wsw-t--mark .wsw-im{background:radial-gradient(70% 80% at 20% 20%,#ffd6e28c,#0000 70%),radial-gradient(60% 70% at 85% 85%,#c4e8de73,#0000 70%),#101013;place-items:center;display:grid}.pg-work .wsw-t--mark .wsw-im img{object-fit:contain;width:78%;height:auto}.pg-work .wsw-tx{grid-template-columns:minmax(0,1fr);gap:7px;min-width:0;display:grid}.pg-work .wsw-tx b{font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(17px,1.4vw,20px);font-weight:600;line-height:1.15;overflow:hidden}.pg-work .wsw .wsw-tx b{white-space:normal;text-overflow:clip;text-wrap:balance;line-height:1.15;overflow:visible}.pg-work .wsw-st{border-radius:var(--r-btn,10px);justify-self:start;align-items:center;gap:7px;max-width:100%;padding:5px 10px;font-size:13px;font-weight:600;line-height:1.2;display:inline-flex}.pg-work .wsw-st i{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.pg-work .wsw-st--live,.pg-work .wsw-st--build,.pg-work .wsw-st--sample{background:var(--teal-pale);color:var(--teal-ink)}.pg-work .wsw-bar{z-index:90;max-width:calc(100vw - 2 * var(--gutter));border-radius:var(--r-btn,10px);opacity:0;pointer-events:none;transition:opacity .35s var(--ease),translate .45s var(--ease),top .6s var(--ease);background:#fffffff0;padding:6px;position:fixed;top:96px;left:50%;translate:-50% -12px;box-shadow:0 18px 44px -24px #0b122073}.pg-work .wsw-bar[data-on]{opacity:1;pointer-events:auto;translate:-50%}.pg-work:has(.nav.is-hidden) .wsw-bar{top:14px}.pg-work .wsw-bar .wsw-row{scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.pg-work .wsw-bar .wsw-row::-webkit-scrollbar{display:none}.pg-work .wsw-bar .wsw-t{border-radius:var(--r-btn,10px);box-shadow:none;background:0 0;flex:none;gap:10px;padding:5px 16px 5px 5px}.pg-work .wsw-bar .wsw-t:hover{box-shadow:none;background:#0b12200f;translate:none}.pg-work .wsw-bar .wsw-t.on{background:var(--ink);color:#fff;box-shadow:none}.pg-work .wsw-bar .wsw-im{aspect-ratio:1;border-radius:50%;width:34px}.pg-work .wsw-bar .wsw-tx{align-items:center;gap:8px;display:flex}.pg-work .wsw-bar .wsw-tx b{font-size:14.5px}.pg-work .wsw-bar .wsw-st{background:0 0;gap:0;padding:0;font-size:0}.pg-work .wsw-bar .wsw-st i{width:8px;height:8px}.pg-work .wsw-bar .wsw-t.on .wsw-st--live,.pg-work .wsw-bar .wsw-t.on .wsw-st--build,.pg-work .wsw-bar .wsw-t.on .wsw-st--sample{color:var(--teal)}@media (max-width:1100px){.pg-work .wsw .wsw-row{scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter) * -1);padding:4px var(--gutter) 10px;scroll-padding-inline:var(--gutter);scrollbar-width:none;display:flex;overflow-x:auto}.pg-work .wsw .wsw-row::-webkit-scrollbar{display:none}.pg-work .wsw .wsw-t{scroll-snap-align:start;flex:none;width:min(300px,76vw)}}@media (max-width:760px){.pg-work .wsw-im{width:84px}.pg-work .wsw-bar{top:80px}.pg-work:has(.nav.is-hidden) .wsw-bar{top:10px}.pg-work .wsw-bar .wsw-t{padding-right:12px}.pg-work .wsw-bar .wsw-im{width:30px}.pg-work .wsw-bar .wsw-tx b{font-size:13.5px}}@media (prefers-reduced-motion:reduce){.pg-work .wsw-t,.pg-work .wsw-bar{transition:none}.pg-work .wsw-t:hover{translate:none}}