.sc-work{--sc-ease:cubic-bezier(.2, .8, .2, 1);-webkit-tap-highlight-color:transparent;border-radius:1.75rem;outline:none;display:block}.sc-work:focus-visible{outline-offset:6px;outline:2px solid #f5f5f7}.sc-stage{isolation:isolate;aspect-ratio:16/11;transition:scale .5s var(--sc-ease);background:radial-gradient(120% 80% at 50% 0,#ffffff12,#0000 60%),#0a0a0c;border-radius:1.75rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14;container-type:inline-size}.sc-work:active .sc-stage{scale:.99}.sc-stage-glow{z-index:-1;background:radial-gradient(62% 44% at 50% 106%, color-mix(in oklab, var(--accent) 52%, transparent), transparent 72%), radial-gradient(44% 40% at 62% 50%, color-mix(in oklab, var(--accent) 20%, transparent), transparent 75%);opacity:.7;transition:opacity .8s var(--sc-ease);position:absolute;inset:0}.sc-browser{width:78cqw;transition:translate .8s var(--sc-ease);background:#1c1c1f;border-radius:1.4cqw;position:absolute;top:7cqw;left:5cqw;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 2.5cqw 6cqw -1.5cqw #000000d9}.sc-browser-bar{background:linear-gradient(#2b2b2f,#232327);align-items:center;gap:.75cqw;height:3.4cqw;padding-inline:1.5cqw;display:flex;position:relative;box-shadow:inset 0 -1px #0009}.sc-browser-dot{background:#ffffff2b;border-radius:50%;width:.95cqw;height:.95cqw}.sc-browser-url{color:#ffffff8c;letter-spacing:.01em;background:#ffffff12;border-radius:.6cqw;place-items:center;width:30cqw;height:2cqw;font-size:1.15cqw;line-height:1;display:grid;position:absolute;left:50%;translate:-50%}.sc-browser img{width:100%;height:auto;display:block}.sc-phone{width:21cqw;transition:translate .8s var(--sc-ease), rotate .8s var(--sc-ease);background:linear-gradient(150deg,#f4f4f7 0%,#9a9aa2 18%,#36363b 46%,#8e8e96 72%,#ececf0 100%);border-radius:3.6cqw;padding:.32cqw;position:absolute;bottom:5cqw;right:5cqw;box-shadow:0 0 0 1px #00000080,0 2.5cqw 5cqw -1cqw #000000d9}.sc-phone-screen{background:#050506;border:.6cqw solid #050506;border-radius:3.28cqw;overflow:hidden}.sc-phone-screen img{width:100%;height:auto;display:block}.sc-work-go{color:#f5f5f7;width:2.75rem;height:2.75rem;transition:background-color .4s var(--sc-ease), color .4s var(--sc-ease), translate .5s var(--sc-ease);background:#ffffff0f;border-radius:999px;flex:none;place-items:center;margin-top:.125rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}@media (hover:hover){.sc-work:hover .sc-stage-glow{opacity:1}.sc-work:hover .sc-work-go{color:#000;background:#f5f5f7}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.sc-work:hover .sc-browser{translate:0 -1cqw}.sc-work:hover .sc-phone{translate:0 -2.4cqw;rotate:-2.5deg}.sc-work:hover .sc-work-go{translate:2px -2px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.sc-reveal{animation:linear both sc-reveal;animation-timeline:view();animation-range:entry entry 55%}}}@keyframes sc-reveal{0%{opacity:0;translate:0 2.5rem}to{opacity:1;translate:0}}