.so{--so-ease:cubic-bezier(.16, 1, .3, 1);--so-ink:var(--ink,#11171a);--so-ink-2:var(--ink-2,#5f6670);aspect-ratio:1600/900;touch-action:pan-y;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;outline:none;width:100%;position:relative}@supports (color:lab(0% 0 0)){.so{--so-ink:var(--ink,lab(7.2647% -2.2182 -3.40606));--so-ink-2:var(--ink-2,lab(42.8755% -1.11076 -6.58557))}}.so-view{--so-mask-x:linear-gradient(to right, transparent 0, #000 7%, #000 95%, transparent 100%);--so-mask-y:linear-gradient(to bottom, transparent 0, #000 5%, #000 80%, transparent 99%);--so-mask-r:radial-gradient(120% 115% at 60% 36%, #000 58%, transparent 82%);-webkit-mask-composite:source-in,source-in;-webkit-mask-image:var(--so-mask-x),var(--so-mask-y),var(--so-mask-r);mask-image:var(--so-mask-x),var(--so-mask-y),var(--so-mask-r);position:absolute;inset:0;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.so-cam{aspect-ratio:1600/900;width:100%;transform:translate(var(--so-x,0%),var(--so-y,0%));transition:transform .9s var(--so-ease);position:absolute;inset:0 auto auto 0}.so-img,.so-cam>svg{pointer-events:none;width:100%;height:auto;display:block;position:absolute;inset:0}.so-img[hidden],.so[data-live] .so-img{display:none}.so[data-live] .so-cam>svg{pointer-events:auto;cursor:default}.so[data-live] .so-cam>svg [data-st]{cursor:pointer}.so-label{z-index:2;width:max-content;max-width:min(260px,60vw);box-shadow:0 0 0 1px color-mix(in oklch,var(--so-ink) 9%,transparent),0 10px 24px -14px color-mix(in oklch,var(--so-ink) 45%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--so-ink);pointer-events:none;opacity:0;transition:opacity .26s var(--so-ease),transform .42s var(--so-ease),left .52s var(--so-ease),top .52s var(--so-ease);background:#ffffffeb;border-radius:12px;align-items:flex-start;gap:8px;margin-top:-8px;padding:8px 12px 9px 9px;display:flex;position:absolute;transform:translate(-50%,calc(6px - 100%))}.so-label[data-show]{opacity:1;transform:translate(-50%,-100%)}.so-label[data-align=start]{transform:translate(-22px,calc(6px - 100%))}.so-label[data-align=start][data-show]{transform:translate(-22px,-100%)}.so-label[data-align=end]{transform:translate(calc(22px - 100%),calc(6px - 100%))}.so-label[data-align=end][data-show]{transform:translate(calc(22px - 100%),-100%)}.so-label:after{content:"";border:6px solid #0000;filter:drop-shadow(0 1px 0 color-mix(in oklch,var(--so-ink) 10%,transparent));border-top-color:oklch(100% 5.96046e-8 none/.92);border-bottom:0;position:absolute;top:100%;left:calc(50% - 6px)}.so-label[data-align=start]:after{left:16px}.so-label[data-align=end]:after{left:auto;right:16px}.so-label-mark{background:var(--so-c,var(--spectrum-blue,#206bff));clip-path:polygon(0 0,100% 0,0 100%);flex:none;width:14px;height:14px;margin-top:2px}@supports (color:lab(0% 0 0)){.so-label-mark{background:var(--so-c,var(--spectrum-blue,lab(48.1792% 22.3343 -81.3126)))}}.so-label[data-st=brand],.so-label[data-st=product]{--so-c:var(--spectrum-blue,#206bff)}@supports (color:lab(0% 0 0)){.so-label[data-st=brand],.so-label[data-st=product]{--so-c:var(--spectrum-blue,lab(48.1792% 22.3343 -81.3126))}}.so-label[data-st=web],.so-label[data-st=ai]{--so-c:var(--spectrum-violet,#8c6cff)}@supports (color:lab(0% 0 0)){.so-label[data-st=web],.so-label[data-st=ai]{--so-c:var(--spectrum-violet,lab(54.5964% 39.5989 -70.3201))}}.so-label[data-st=uiux]{--so-c:var(--spectrum-pink,#ff4f99)}@supports (color:lab(0% 0 0)){.so-label[data-st=uiux]{--so-c:var(--spectrum-pink,lab(61.4821% 71.1452 -.46767))}}.so-label[data-st=content]{--so-c:var(--spectrum-coral,#ff7a59)}@supports (color:lab(0% 0 0)){.so-label[data-st=content]{--so-c:var(--spectrum-coral,lab(67.1236% 50.203 43.0062))}}.so-label[data-st=print],.so-label[data-st=strategy]{--so-c:var(--spectrum-amber,#ffb020)}@supports (color:lab(0% 0 0)){.so-label[data-st=print],.so-label[data-st=strategy]{--so-c:var(--spectrum-amber,lab(78.1332% 22.3608 75.9668))}}.so-label-text{gap:2px;display:grid}.so-label-name{letter-spacing:-.01em;font-size:13.5px;font-weight:650;line-height:1.2}.so-label-line{color:var(--so-ink-2);font-size:12px;line-height:1.35}.so-exit{pointer-events:none;width:1px;height:1px;position:absolute}.so-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;list-style:none;position:absolute;overflow:hidden}.so:focus-visible .so-label[data-show]{box-shadow:0 0 0 2px var(--so-c),0 10px 24px -14px color-mix(in oklch,var(--so-ink) 45%,transparent)}.so[data-phone] .so-label,.so[data-phone] .so-label[data-show],.so[data-phone] .so-label[data-align]{max-width:calc(100% - 24px);bottom:12px;transform:translateY(6px);top:auto!important;left:12px!important}.so[data-phone] .so-label[data-show]{transform:none}.so[data-phone] .so-label:after{display:none}@media(max-width:639px){.so .so-label,.so .so-label[data-show],.so .so-label[data-align]{max-width:calc(100% - 24px);bottom:12px;transform:translateY(6px);top:auto!important;left:12px!important}.so .so-label[data-show]{transform:none}.so .so-label:after{display:none}}.so[data-phone]{aspect-ratio:var(--so-phone-aspect,1.08)}.so[data-phone] .so-view{--so-mask-x:linear-gradient(to right, transparent 0, #000 6%, #000 93%, transparent 100%);--so-mask-y:linear-gradient(to bottom, transparent 0, #000 9%, #000 80%, transparent 100%);--so-mask-r:linear-gradient(#000, #000)}.so[data-phone] .so-cam{width:var(--so-phone-scale,290%);transform:translate(var(--so-x,var(--so-px,0%)),var(--so-y,var(--so-py,0%)))}@media(max-width:639px){.so{aspect-ratio:var(--so-phone-aspect,1.08)}.so .so-view{--so-mask-x:linear-gradient(to right, transparent 0, #000 6%, #000 93%, transparent 100%);--so-mask-y:linear-gradient(to bottom, transparent 0, #000 9%, #000 80%, transparent 100%);--so-mask-r:linear-gradient(#000, #000)}.so .so-cam{width:var(--so-phone-scale,290%);transform:translate(var(--so-x,var(--so-px,0%)),var(--so-y,var(--so-py,0%)))}}@media(prefers-reduced-motion:reduce){.so-cam,.so-label{transition:none}}