.sq-portfolio-scope{--sq-ease-out:cubic-bezier(.23, 1, .32, 1);--sq-ease-in-out:cubic-bezier(.77, 0, .175, 1);--sq-ease-drawer:cubic-bezier(.32, .72, 0, 1);--sq-ease-morph:cubic-bezier(.22, 1, .36, 1);--sq-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}.sq-filter-btn{color:#ffffffb8;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .14s var(--sq-ease-out), color .18s ease, border-color .18s ease, background-color .18s ease;background-color:#161b1cdb;border:1px solid #ffffff24;border-radius:9999px;outline:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.sq-filter-btn:active{transform:scale(.965)}.sq-filter-btn:focus-visible{outline-offset:2px;outline:2px solid #f08020}.sq-filter-btn[data-selected=true]{color:#fff;border-color:#0000}@media (hover:hover) and (pointer:fine){.sq-filter-btn[data-selected=false]:hover{color:#fff;background-color:#1e2526f5;border-color:#f080207a}}.sq-canvas-viewport{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab;background-color:#0d1112;width:100%;height:75svh;min-height:480px;max-height:980px;position:relative;overflow:clip}@media (min-width:640px){.sq-canvas-viewport{height:clamp(640px,86svh,980px)}}.sq-canvas-viewport[data-fullscreen=true]{z-index:42;height:100dvh;min-height:100dvh;max-height:none;position:fixed;inset:0}.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{pointer-events:none;will-change:transform;background-image:radial-gradient(#eeece716 1px,#0000 1px),radial-gradient(#f080200b 1px,#0000 1px);background-position:0 0,16px 16px;background-size:32px 32px,128px 128px;position:absolute;inset:-64px}.sq-canvas-ambient{pointer-events:none;background:radial-gradient(62% 58%,#f080200e 0%,#161b1c05 48%,#0a0d0e8c 100%);position:absolute;inset:0}.sq-canvas-stage{transform-origin:50%;will-change:transform, opacity;width:100%;height:100%;transition:opacity .24s var(--sq-ease-out);position:absolute;inset:0}.sq-canvas-stage[data-ready=false]{opacity:0;pointer-events:none}.sq-canvas-stage[data-filtering=true]{opacity:.72}.sq-canvas-cell{will-change:transform;backface-visibility:hidden;contain:layout style;position:absolute;top:0;left:0}.sq-canvas-card-rig{will-change:transform;backface-visibility:hidden;transform-origin:50%;width:100%}.sq-canvas-viewport[data-status=dragging] .sq-case-item{pointer-events:none}.sq-case-item{color:inherit;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;outline:none;text-decoration:none;display:block;position:relative}.case-visual{aspect-ratio:16/9;filter:drop-shadow(0 20px 42px #00000075);width:100%;transition:transform .16s var(--sq-ease-out), border-color .24s ease;background-color:#181e1f;border:1px solid #eeece71a;border-radius:12px;position:relative;overflow:hidden}.case-visual:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#0c0f101f 0%,#0c0f1000 35%,#0c0f1047 100%);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff24}.sq-case-item:active .case-visual{transform:scale(.975)}.sq-case-item:focus-visible .case-visual{outline-offset:5px;border-color:#f08020a6;outline:2px solid #f08020}.case-visual__media{will-change:transform;width:100%;height:100%;transition:transform .65s var(--sq-ease-morph);position:absolute;inset:0}.case-visual__media img,.case-visual__media video{pointer-events:none}.case-visual__glare{z-index:2;pointer-events:none;opacity:0;will-change:transform, opacity;transition:opacity .26s var(--sq-ease-out);background:radial-gradient(circle,#ffffff2e 0%,#f0802014 26%,#0000 62%);position:absolute;inset:-35%}.cases-grid__caption{font-family:var(--sq-mono);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);justify-content:space-between;align-items:baseline;gap:.75rem;padding-top:.72rem;font-size:.68rem;line-height:1.3;display:flex;position:absolute;top:100%;left:0;right:0}.cases-grid__title{color:#eeece7;text-overflow:ellipsis;align-items:center;gap:.45rem;min-width:0;font-weight:500;transition:color .2s;display:inline-flex;overflow:hidden}.cases-grid__dot{opacity:0;width:5px;height:5px;transition:opacity .2s var(--sq-ease-out), transform .22s var(--sq-ease-out);background-color:#f08020;border-radius:9999px;flex-shrink:0;transform:scale(.6)}.cases-grid__meta{color:#eeece780;flex-shrink:0;transition:color .2s}@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:#eeece747}.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:#fff}.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:#eeece7c7}}.cases-grid__fov{z-index:4;pointer-events:none;opacity:0;will-change:opacity;-webkit-backdrop-filter:blur(11px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 72%,#0000 38%,#000 100%);mask-image:radial-gradient(72% 72%,#0000 38%,#000 100%)}.sq-canvas-vignette{z-index:5;pointer-events:none;background:linear-gradient(#101415eb 0%,#10141500 10% 89%,#101415f2 100%),radial-gradient(#0000 56%,#0a0d0ead 100%);position:absolute;inset:0}.sq-canvas-top-bar{z-index:12;-webkit-backdrop-filter:blur(18px)saturate(160%);background-color:#0e1213c7;border:1px solid #ffffff1f;border-radius:9999px;flex-wrap:wrap;justify-content:center;gap:.4rem;max-width:min(94vw,980px);padding:.4rem;display:flex;position:absolute;top:5.5rem;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff24,0 18px 42px #00000073}.sq-canvas-hud{z-index:12;-webkit-backdrop-filter:blur(18px)saturate(165%);max-width:calc(100vw - 1.5rem);font-family:var(--sq-mono);letter-spacing:.1em;text-transform:uppercase;color:#eeece7b8;white-space:nowrap;background-color:#0e1213cc;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:.5rem;padding:.42rem .5rem .42rem .95rem;font-size:.64rem;display:inline-flex;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff24,0 16px 40px #00000073}.sq-canvas-hud__hint{text-overflow:ellipsis;overflow:hidden}.sq-canvas-hud__btn{color:#eeece7;font-family:var(--sq-mono);letter-spacing:.1em;text-transform:uppercase;transition:transform .14s var(--sq-ease-out), background-color .18s ease, border-color .18s ease, color .18s ease;background-color:#ffffff14;border:1px solid #ffffff1f;border-radius:9999px;outline:none;align-items:center;gap:.35rem;padding:.34rem .72rem;font-size:.62rem;font-weight:500;display:inline-flex}.sq-canvas-hud__btn:active{transform:scale(.96)}.sq-canvas-hud__btn:focus-visible{outline-offset:2px;outline:2px solid #f08020}@media (hover:hover) and (pointer:fine){.sq-canvas-hud__btn:hover{color:#fff;background-color:#f0802038;border-color:#f080208c}}.cases-grid__cursor{display:none}@media (hover:hover) and (pointer:fine){.cases-grid__cursor{z-index:44;pointer-events:none;will-change:transform;display:block;position:fixed;top:0;left:0}.cases-grid__cursor-shell{opacity:0;transition:opacity .18s var(--sq-ease-out), transform .22s var(--sq-ease-out);place-items:center;display:grid;transform:translate(-50%,-50%)scale(.76)}.cases-grid__cursor[data-visible=true] .cases-grid__cursor-shell{opacity:1;transform:translate(-50%,-50%)scale(1)}.cases-grid__cursor[data-visible=true][data-dragging=true] .cases-grid__cursor-shell{transform:translate(-50%,-50%)scale(.86)}.cases-grid__cursor-label{font-family:var(--sq-mono);letter-spacing:.13em;text-transform:uppercase;white-space:nowrap;filter:drop-shadow(0 12px 26px #00000085);opacity:0;transition:opacity .17s var(--sq-ease-out), transform .22s var(--sq-ease-out), background-color .2s ease, color .2s ease, border-color .2s ease;border-radius:9999px;grid-area:1/1;justify-content:center;align-items:center;gap:.48rem;padding:.62rem 1.05rem;font-size:.68rem;font-weight:600;line-height:1;display:inline-flex;transform:scale(.84)}.cases-grid__cursor-label[data-label=drag]{color:#0d0d0c;background-color:#eeece7f5;border:1px solid #ffffff80}.cases-grid__cursor-label[data-label=view]{color:#0d0d0c;background-color:#f08020;border:1px solid #ffffff47}.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;color:#eeece7;background-color:#0d1112;border-color:#f08020b8;transform:scale(1)}.cases-grid__cursor-arrow{transition:transform .2s var(--sq-ease-out);display:inline-block}.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:translate(-3px)}.cases-grid__cursor[data-dragging=true] .cases-grid__cursor-arrow--right{transform:translate(3px)}.cases-grid__cursor[data-mode=view]:not([data-dragging=true]) .cases-grid__cursor-arrow--diag{transform:translate(1.5px,-1.5px)}}@media (prefers-reduced-motion:reduce){.cases-grid__fov,.cases-grid__cursor{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-filter-btn,.sq-canvas-hud__btn{transition:opacity .18s,color .18s,background-color .18s,border-color .18s!important}.sq-case-item:hover .case-visual__media,.sq-case-item:active .case-visual,.sq-filter-btn:active,.sq-canvas-hud__btn:active{transform:none!important}}@media (prefers-reduced-transparency:reduce){.sq-canvas-hud,.sq-canvas-top-bar{-webkit-backdrop-filter:none;background-color:#101415}}