.wk-frost{border:1px solid var(--color-hairline);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .15s var(--ease-out-strong), background-color .2s ease-out;background-color:#ffffffe0;box-shadow:0 1px 2px #3a32260f,0 8px 24px #3a32261a}.wk-raised{box-shadow:0 0 0 1px #3d32260f,0 1px 3px #3d32260f,0 6px 16px -6px #3d32261a}.wk-window{--tx:0;--ty:0;width:59.1%;transform:perspective(800px) rotateX(calc(var(--ty) * -8deg)) rotateY(calc(var(--tx) * 10deg));transform-style:preserve-3d;transition:transform .45s var(--ease-out-strong);top:18.7%;left:20.45%}.wk-window-empty{aspect-ratio:800/835;border:1px dashed var(--color-chip-line);border-radius:5px}.wk-gif{transition:transform .5s var(--ease-out-strong)}.wk-window-wide{width:84%;top:29%;left:8%}.wk-browser{border:1px solid var(--color-hairline);background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #3a32260f,0 10px 24px -6px #3a322633}.wk-browser-bar{border-bottom:1px solid var(--color-hairline);align-items:center;gap:4px;height:16px;padding:0 7px;display:flex}.wk-browser-bar span{background-color:var(--color-chip-line);border-radius:50%;width:5px;height:5px}.wk-loop-mask{-webkit-mask:var(--mask) center / 100% 100% no-repeat;-webkit-mask:var(--mask) center / 100% 100% no-repeat;mask:var(--mask) center / 100% 100% no-repeat}.wk-browser .wk-screen{border-radius:0}@keyframes wk-float{50%{transform:translateY(-2.06%)}}.wk-float{pointer-events:none;animation:3.5s ease-in-out infinite wk-float}.wk-blossom{pointer-events:none;filter:drop-shadow(0 2px 3px #3a32262e);height:auto;transition:transform .6s var(--ease-out-strong), filter .6s var(--ease-out-strong);position:absolute}.wk-blossom-a{width:21%;top:-6%;right:-7%;transform:translateZ(30px)rotate(-8deg)}.wk-blossom-b{width:15%;transition-delay:40ms;bottom:-4%;left:-6%;transform:translateZ(22px)rotate(14deg)}.wk-arrow{transition:transform .2s var(--ease-out-strong)}a.wk-card:active .wk-frost{transform:scale(.99)}@media (hover:hover) and (pointer:fine){a.wk-card:hover .wk-frost{background-color:#ffffffad}a.wk-card:hover .wk-gif{transform:scale(1.015)}a.wk-card:hover .wk-blossom{filter:drop-shadow(0 8px 10px #3a322633)}a.wk-card:hover .wk-blossom-a{transform:translateZ(60px)translate(10%,-12%)rotate(10deg)}a.wk-card:hover .wk-blossom-b{transform:translateZ(50px)translate(-12%,10%)rotate(-6deg)}a.wk-card:hover .wk-arrow{transform:translate(3px)}}.wk-chalkboard{background-color:#262626;background-image:url(/works/case-study-chalk-large.webp);background-position:top;background-repeat:no-repeat;background-size:100%}.wk-chalk-ink{color:#f0ece2e6;text-shadow:0 0 1px #f0ece259}.wk-mark{white-space:nowrap;transition:background-size .42s var(--ease-out-strong), color .22s ease-out, text-shadow .22s ease-out;background:linear-gradient(#e4b163,#e4b163) left 0 bottom .08em/0% 82% no-repeat;border-radius:2px;margin:0 -.12em;padding:0 .12em}@media (hover:hover) and (pointer:fine){a.wk-card:hover .wk-mark{color:#262626;text-shadow:none;background-size:100% 82%}}a.wk-card:focus-visible .wk-mark{color:#262626;text-shadow:none;background-size:100% 82%}.wk-link{text-underline-offset:4px;-webkit-text-decoration:underline #f0ece259;text-decoration:underline #f0ece259;transition:text-decoration-color .15s ease-out}@media (hover:hover) and (pointer:fine){a.wk-card:hover .wk-link{text-decoration-color:currentColor}}@media (prefers-reduced-motion:reduce){.wk-arrow,.wk-frost,.wk-window,.wk-gif,.wk-blossom{transition:none}.wk-float{animation:none}.wk-mark{transition:none}}