.sq-portfolio-scope{--sq-ease-out:cubic-bezier(0.23,1,0.32,1);--sq-ease-in-out:cubic-bezier(0.77,0,0.175,1);--sq-ease-drawer:cubic-bezier(0.32,0.72,0,1);--sq-ease-morph:cubic-bezier(0.22,1,0.36,1);--sq-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.sq-filter-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgba(255,255,255,.14);background-color:rgba(22,27,28,.86);color:rgba(255,255,255,.72);cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;transition:transform .14s var(--sq-ease-out),color .18s ease,border-color .18s ease,background-color .18s ease}.sq-filter-btn:active{transform:scale(.965)}.sq-filter-btn:focus-visible{outline:2px solid #f08020;outline-offset:2px}.sq-filter-btn[data-selected=true]{border-color:transparent;color:#ffffff}@media (hover:hover) and (pointer:fine){.sq-filter-btn[data-selected=false]:hover{color:#ffffff;border-color:rgba(240,128,32,.48);background-color:rgba(30,37,38,.96)}}.sq-canvas-viewport{position:relative;width:100%;height:75svh;min-height:480px;max-height:980px;overflow:clip;background-color:#0d1112;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}@media (min-width:640px){.sq-canvas-viewport{height:clamp(640px,86svh,980px)}}.sq-canvas-viewport[data-fullscreen=true]{position:fixed;inset:0;z-index:42;height:100dvh;min-height:100dvh;max-height:none}.sq-canvas-viewport[data-status=dragging]{cursor:grabbing}@media (hover:hover) and (pointer:fine){.sq-canvas-viewport[data-cursor-ready=true],.sq-canvas-viewport[data-cursor-ready=true] .sq-case-item{cursor:none}.sq-canvas-viewport[data-cursor-ready=true] .sq-canvas-hud,.sq-canvas-viewport[data-cursor-ready=true] .sq-canvas-hud button,.sq-canvas-viewport[data-cursor-ready=true] .sq-canvas-top-bar,.sq-canvas-viewport[data-cursor-ready=true] .sq-canvas-top-bar button{cursor:pointer}}.sq-canvas-grid-plane{position:absolute;inset:-64px;pointer-events:none;background-image:radial-gradient(rgba(238,236,231,.085) 1px,transparent 0),radial-gradient(rgba(240,128,32,.045) 1px,transparent 0);background-size:32px 32px,128px 128px;background-position:0 0,16px 16px;will-change:transform}.sq-canvas-ambient{position:absolute;inset:0;pointer-events:none;background:radial-gradient(62% 58% at 50% 50%,rgba(240,128,32,.055) 0,rgba(22,27,28,.02) 48%,rgba(10,13,14,.55) 100%)}.sq-canvas-stage{position:absolute;inset:0;width:100%;height:100%;transform-origin:50% 50%;will-change:transform,opacity;transition:opacity .24s var(--sq-ease-out)}.sq-canvas-stage[data-ready=false]{opacity:0;pointer-events:none}.sq-canvas-stage[data-filtering=true]{opacity:.72}.sq-canvas-cell{position:absolute;top:0;left:0;contain:layout style}.sq-canvas-card-rig,.sq-canvas-cell{will-change:transform;backface-visibility:hidden}.sq-canvas-card-rig{width:100%;transform-origin:50% 50%}.sq-canvas-viewport[data-status=dragging] .sq-case-item{pointer-events:none}.sq-case-item{position:relative;display:block;text-decoration:none;color:inherit;outline:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent}.case-visual{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background-color:#181e1f;border:1px solid rgba(238,236,231,.1);filter:drop-shadow(0 20px 42px rgba(0,0,0,.46));transition:transform .16s var(--sq-ease-out),border-color .24s ease}.case-visual:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(12,15,16,.12),rgba(12,15,16,0) 35%,rgba(12,15,16,.28));pointer-events:none}.sq-case-item:active .case-visual{transform:scale(.975)}.sq-case-item:focus-visible .case-visual{outline:2px solid #f08020;outline-offset:5px;border-color:rgba(240,128,32,.65)}.case-visual__media{position:absolute;inset:0;width:100%;height:100%;will-change:transform;transition:transform .65s var(--sq-ease-morph)}.case-visual__media img,.case-visual__media video{pointer-events:none}.case-visual__glare{position:absolute;inset:-35%;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.18) 0,rgba(240,128,32,.08) 26%,transparent 62%);will-change:transform,opacity;transition:opacity .26s var(--sq-ease-out)}.cases-grid__caption{position:absolute;top:100%;left:0;right:0;display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;padding-top:.72rem;font-family:var(--sq-mono);font-size:.68rem;line-height:1.3;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:.86;transition:opacity .26s var(--sq-ease-out),transform .32s var(--sq-ease-morph)}.cases-grid__title{display:inline-flex;align-items:center;gap:.45rem;color:#eeece7;font-weight:500;overflow:hidden;text-overflow:ellipsis;min-width:0;transition:color .2s ease}.cases-grid__dot{width:5px;height:5px;border-radius:9999px;background-color:#f08020;flex-shrink:0;opacity:0;transform:scale(.6);transition:opacity .2s var(--sq-ease-out),transform .22s var(--sq-ease-out)}.cases-grid__meta{color:rgba(238,236,231,.5);flex-shrink:0;transition:color .2s ease}@media (hover:hover) and (pointer:fine){.cases-grid__caption{opacity:.36;transform:translateY(-3px)}.sq-canvas-viewport[data-status=dragging] .cases-grid__caption,.sq-canvas-viewport[data-status=gliding] .cases-grid__caption{opacity:.14;transform:translateY(-4px)}.sq-canvas-viewport[data-status=idle] .sq-case-item:hover .case-visual{border-color:rgba(238,236,231,.28)}.sq-canvas-viewport[data-status=idle] .sq-case-item:hover .case-visual__media{transform:scale(1.05)}.sq-canvas-viewport[data-status=idle] .sq-case-item:hover .case-visual__glare{opacity:1}.sq-canvas-viewport[data-status=idle] .sq-case-item:hover .cases-grid__caption,.sq-case-item:focus-visible .cases-grid__caption{opacity:1;transform:translateY(0)}.sq-canvas-viewport[data-status=idle] .sq-case-item:hover .cases-grid__title,.sq-case-item:focus-visible .cases-grid__title{color:#ffffff}.sq-canvas-viewport[data-status=idle] .sq-case-item:hover .cases-grid__dot,.sq-case-item:focus-visible .cases-grid__dot{opacity:1;transform:scale(1)}.sq-canvas-viewport[data-status=idle] .sq-case-item:hover .cases-grid__meta,.sq-case-item:focus-visible .cases-grid__meta{color:rgba(238,236,231,.78)}}.cases-grid__fov{z-index:4;opacity:0;will-change:opacity;backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);mask-image:radial-gradient(72% 72% at 50% 50%,transparent 38%,#000000 100%);-webkit-mask-image:radial-gradient(72% 72% at 50% 50%,transparent 38%,#000000 100%)}.cases-grid__fov,.sq-canvas-vignette{position:absolute;inset:0;pointer-events:none}.sq-canvas-vignette{z-index:5;background:linear-gradient(180deg,rgba(16,20,21,.92),rgba(16,20,21,0) 10%,rgba(16,20,21,0) 89%,rgba(16,20,21,.95)),radial-gradient(ellipse at 50% 50%,transparent 56%,rgba(10,13,14,.68) 100%)}.sq-canvas-top-bar{top:5.5rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:min(94vw,980px);padding:.4rem;background-color:rgba(14,18,19,.78);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 42px rgba(0,0,0,.45)}.sq-canvas-hud,.sq-canvas-top-bar{position:absolute;left:50%;transform:translateX(-50%);z-index:12;border-radius:9999px;border:1px solid rgba(255,255,255,.12)}.sq-canvas-hud{bottom:1.25rem;display:inline-flex;align-items:center;gap:.5rem;max-width:calc(100vw - 1.5rem);padding:.42rem .5rem .42rem .95rem;background-color:rgba(14,18,19,.8);backdrop-filter:blur(18px) saturate(165%);-webkit-backdrop-filter:blur(18px) saturate(165%);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 16px 40px rgba(0,0,0,.45);font-family:var(--sq-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(238,236,231,.72);white-space:nowrap}.sq-canvas-hud__hint{overflow:hidden;text-overflow:ellipsis}.sq-canvas-hud__btn{display:inline-flex;align-items:center;gap:.35rem;padding:.34rem .72rem;border-radius:9999px;background-color:rgba(255,255,255,.08);color:#eeece7;border:1px solid rgba(255,255,255,.12);font-family:var(--sq-mono);font-size:.62rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;outline:none;transition:transform .14s var(--sq-ease-out),background-color .18s ease,border-color .18s ease,color .18s ease}.sq-canvas-hud__btn:active{transform:scale(.96)}.sq-canvas-hud__btn:focus-visible{outline:2px solid #f08020;outline-offset:2px}@media (hover:hover) and (pointer:fine){.sq-canvas-hud__btn:hover{background-color:rgba(240,128,32,.22);border-color:rgba(240,128,32,.55);color:#ffffff}}.cases-grid__cursor{display:none}@media (hover:hover) and (pointer:fine){.cases-grid__cursor{display:block;position:fixed;top:0;left:0;z-index:44;pointer-events:none;will-change:transform}.cases-grid__cursor-shell{display:grid;place-items:center;transform:translate3d(-50%,-50%,0) scale(.76);opacity:0;transition:opacity .18s var(--sq-ease-out),transform .22s var(--sq-ease-out)}.cases-grid__cursor[data-visible=true] .cases-grid__cursor-shell{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}.cases-grid__cursor[data-visible=true][data-dragging=true] .cases-grid__cursor-shell{transform:translate3d(-50%,-50%,0) scale(.86)}.cases-grid__cursor-label{grid-area:1/1;display:inline-flex;align-items:center;justify-content:center;gap:.48rem;padding:.62rem 1.05rem;border-radius:9999px;font-family:var(--sq-mono);font-size:.68rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;line-height:1;white-space:nowrap;filter:drop-shadow(0 12px 26px rgba(0,0,0,.52));opacity:0;transform:scale(.84);transition:opacity .17s var(--sq-ease-out),transform .22s var(--sq-ease-out),background-color .2s ease,color .2s ease,border-color .2s ease}.cases-grid__cursor-label[data-label=drag]{background-color:rgba(238,236,231,.96);color:#0d0d0c;border:1px solid rgba(255,255,255,.5)}.cases-grid__cursor-label[data-label=view]{background-color:#f08020;color:#0d0d0c;border:1px solid rgba(255,255,255,.28)}.cases-grid__cursor[data-mode=drag] .cases-grid__cursor-label[data-label=drag],.cases-grid__cursor[data-mode=view]:not([data-dragging=true]) .cases-grid__cursor-label[data-label=view]{opacity:1;transform:scale(1)}.cases-grid__cursor[data-dragging=true] .cases-grid__cursor-label[data-label=drag]{opacity:1;transform:scale(1);background-color:#0d1112;color:#eeece7;border-color:rgba(240,128,32,.72)}.cases-grid__cursor-arrow{display:inline-block;transition:transform .2s var(--sq-ease-out)}.cases-grid__cursor-label[data-label=drag] .cases-grid__cursor-arrow{color:#f08020}.cases-grid__cursor-label[data-label=view] .cases-grid__cursor-arrow{color:#0d0d0c;font-size:.82rem}.cases-grid__cursor[data-dragging=true] .cases-grid__cursor-arrow--left{transform:translateX(-3px)}.cases-grid__cursor[data-dragging=true] .cases-grid__cursor-arrow--right{transform:translateX(3px)}.cases-grid__cursor[data-mode=view]:not([data-dragging=true]) .cases-grid__cursor-arrow--diag{transform:translate3d(1.5px,-1.5px,0)}}@media (prefers-reduced-motion:reduce){.cases-grid__cursor,.cases-grid__fov{display:none!important}.sq-canvas-viewport,.sq-canvas-viewport[data-cursor-ready=true],.sq-canvas-viewport[data-cursor-ready=true] .sq-case-item{cursor:grab}.sq-canvas-viewport[data-status=dragging]{cursor:grabbing}.cases-grid__caption{opacity:.9!important;transform:none!important}.case-visual,.case-visual__media,.sq-canvas-hud__btn,.sq-filter-btn{transition:opacity .18s ease,color .18s ease,background-color .18s ease,border-color .18s ease!important}.sq-canvas-hud__btn:active,.sq-case-item:active .case-visual,.sq-case-item:hover .case-visual__media,.sq-filter-btn:active{transform:none!important}}@media (prefers-reduced-transparency:reduce){.sq-canvas-hud,.sq-canvas-top-bar{background-color:#101415;backdrop-filter:none;-webkit-backdrop-filter:none}}