.sphere-root{--radius:520px;--viewer-pad:72px;--circ:calc(var(--radius)*3.14);--rot-y:calc((360deg/var(--segments-x))/2);--rot-x:calc((360deg/var(--segments-y))/2);--item-width:calc(var(--circ)/var(--segments-x));--item-height:calc(var(--circ)/var(--segments-y));width:100%;height:100%;position:relative}.sphere-root *{box-sizing:border-box}.sphere-root .sphere,.sphere-root .item,.sphere-root .item__image{transform-style:preserve-3d}.sphere-root main.sphere-main{touch-action:none;-webkit-user-select:none;user-select:none;background:var(--overlay-blur-color,#120f17);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.sphere-root .stage{width:100%;height:100%;perspective:calc(var(--radius)*2);perspective-origin:50%;contain:layout paint size;place-items:center;display:grid}.sphere-root .sphere{transform:translateZ(calc(var(--radius)*-1));will-change:transform}.sphere-root .overlay,.sphere-root .overlay--blur{z-index:3;pointer-events:none;margin:auto;position:absolute;inset:0}.sphere-root .overlay{background-image:radial-gradient(#ebebeb00 65%,var(--overlay-blur-color,#120f17)100%)}.sphere-root .overlay--blur{-webkit-mask-image:radial-gradient(#ebebeb00 70%,var(--overlay-blur-color,#120f17)90%);-webkit-mask-image:radial-gradient(#ebebeb00 70%,var(--overlay-blur-color,#120f17)90%);mask-image:radial-gradient(#ebebeb00 70%,var(--overlay-blur-color,#120f17)90%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sphere-root .item{width:calc(var(--item-width)*var(--item-size-x));height:calc(var(--item-height)*var(--item-size-y));transform-origin:50%;backface-visibility:hidden;transform:rotateY(calc(var(--rot-y)*(var(--offset-x) + ((var(--item-size-x) - 1)/2)) + var(--rot-y-delta,0deg)))rotateX(calc(var(--rot-x)*(var(--offset-y) - ((var(--item-size-y) - 1)/2)) + var(--rot-x-delta,0deg)))translateZ(var(--radius));margin:auto;transition:transform .3s;position:absolute;inset:-999px}.sphere-root .item__image{border-radius:var(--tile-radius,12px);background:var(--overlay-blur-color,#120f17);backface-visibility:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;transition:transform .3s;display:block;position:absolute;inset:10px;overflow:hidden;transform:translateZ(0)}.sphere-root .item__image:focus{outline:none}.sphere-root .item__image:focus-visible{outline:2px solid var(--dg-accent,#8b7cf6);outline-offset:2px}.sphere-root .item__image img{object-fit:cover;pointer-events:none;backface-visibility:hidden;width:100%;height:100%;filter:var(--image-filter,none)}.sphere-root[data-linked=true] .item__image img{transition:filter .42s,transform .62s cubic-bezier(.16,1,.3,1)}.sphere-root[data-linked=true] .item__image:hover img,.sphere-root[data-linked=true] .item__image:focus-visible img{filter:none;transform:scale(1.07)}.sphere-root[data-linked=true] .item__image:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #0000;transition:border-color .32s,box-shadow .32s;position:absolute;inset:0}.sphere-root[data-linked=true] .item__image:hover:after,.sphere-root[data-linked=true] .item__image:focus-visible:after{border-color:color-mix(in srgb,var(--dg-accent,#8b7cf6)55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--dg-accent,#8b7cf6)18%,transparent)inset}.sphere-root .item__label{font-family:var(--font-mono,ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;color:#edede6;opacity:0;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0000,#0b0c0eeb);padding:26px 10px 8px;font-size:9px;transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(6px)}.sphere-root .item__image:hover .item__label,.sphere-root .item__image:focus-visible .item__label{opacity:1;transform:translateY(0)}.sphere-root .viewer{z-index:20;pointer-events:none;padding:var(--viewer-pad);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sphere-root .viewer .frame{aspect-ratio:1;border-radius:var(--enlarge-radius,32px);height:100%;display:flex}@media (max-aspect-ratio:1){.sphere-root .viewer .frame{width:100%;height:auto}}.sphere-root .viewer .scrim{z-index:10;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0006;transition:opacity .5s;position:absolute;inset:0}.sphere-root[data-enlarging=true] .viewer .scrim{opacity:1;pointer-events:all}.sphere-root .viewer .enlarge{z-index:30;border-radius:var(--enlarge-radius,32px);transform-origin:0 0;transition:transform .5s,opacity .5s;position:absolute;overflow:hidden;box-shadow:0 10px 30px #00000059}.sphere-root .viewer .enlarge img{object-fit:cover;width:100%;height:100%;filter:var(--image-filter,none)}.sphere-root .enlarge-closing img{filter:var(--image-filter,none)}.sphere-root .edge-fade{z-index:5;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--overlay-blur-color,#120f17));height:120px;position:absolute;left:0;right:0}.sphere-root .edge-fade--top{top:0;transform:rotate(180deg)}.sphere-root .edge-fade--bottom{bottom:0}body.dg-scroll-lock{overflow:hidden}.sphere-root[data-zooming=true] .item__image:not([data-focused=true]){opacity:0;visibility:hidden;transition:opacity .24s cubic-bezier(.4,0,1,1) 40ms,visibility 0s linear .28s}.sphere-root[data-zooming=true] .overlay,.sphere-root[data-zooming=true] .overlay--blur,.sphere-root[data-zooming=true] .edge-fade{opacity:0;transition:opacity .22s 20ms}.sphere-root[data-zooming=true] .item__image[data-focused=true]{border-radius:0;transition:border-radius .42s}.sphere-root[data-zooming=true] .item__image img,.sphere-root[data-zooming=true] .item__image:hover img,.sphere-root[data-zooming=true] .item__image:focus-visible img{filter:none;transition:filter .42s,transform .3s;transform:none}.sphere-root[data-zooming=true] .item__image:after,.sphere-root[data-zooming=true] .item__image:hover:after,.sphere-root[data-zooming=true] .item__image:focus-visible:after{box-shadow:none;border-color:#0000}.sphere-root[data-zooming=true] .item__label,.sphere-root[data-zooming=true] .item__image:hover .item__label{opacity:0}.sphere-root[data-zooming=true],.sphere-root[data-zooming=true] .item__image{cursor:default}.sphere-root .viewer .frame{aspect-ratio:auto;width:100%;height:100%}
.cs-stage{isolation:isolate;--cs-ease:cubic-bezier(.16,1,.3,1);width:100%;height:100%;position:relative;overflow:hidden}.cs-stage:before{content:"";background:radial-gradient(ellipse 55% 48% at 50% 46%,color-mix(in srgb,var(--color-accent,#8b7cf6)14%,transparent),transparent 70%);pointer-events:none;z-index:0;position:absolute;inset:-10%}.cs-layer{z-index:1;position:absolute;inset:0}.cs-track{will-change:transform;align-items:center;height:100%;display:flex}.cs-panel{perspective:1500px;flex:none;place-items:center;width:90vw;height:100%;display:grid}@media (min-width:900px){.cs-panel{width:62vw}}.cs-panel-inner,.cs-magnet,.cs-drag,.cs-float{place-items:center;width:100%;height:100%;display:grid}.cs-panel-inner{transform-style:preserve-3d;will-change:transform,opacity}.cs-magnet{transform-style:preserve-3d;will-change:transform}.cs-drag{transform-style:preserve-3d;will-change:transform;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.cs-drag:active{cursor:grabbing}.cs-float{will-change:transform;animation:11s ease-in-out infinite alternate cs-float}.cs-panel:nth-child(2n) .cs-float{animation-duration:13.5s;animation-delay:-4s}@keyframes cs-float{0%{transform:translateY(-10px)}to{transform:translateY(10px)}}.cs-card{background:var(--color-bg-card,#131417);border:1px solid var(--color-border,#26282c);contain:layout paint;border-radius:26px;width:calc(100% - 30px);height:min(88%,860px);transition:border-color .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 50px 110px -32px #000000e6,inset 0 0 0 1px #ffffff08}.cs-card[data-live=true]{cursor:pointer}.cs-drag:active .cs-card{cursor:grabbing}.cs-card[data-live=true]:hover{border-color:color-mix(in srgb,var(--color-accent,#8b7cf6)45%,transparent);box-shadow:0 54px 120px -30px #000000eb,0 0 0 1px color-mix(in srgb,var(--color-accent,#8b7cf6)24%,transparent)inset}.cs-slides{background:var(--color-bg-secondary,#101115);position:absolute;inset:0}.cs-slide{opacity:0;will-change:opacity;transition:opacity 1.1s;position:absolute;inset:0}.cs-slide[data-on=true]{opacity:1}.cs-slide img{object-fit:cover}.cs-slide[data-on=true] img{animation:9s ease-out forwards cs-kenburns}@keyframes cs-kenburns{0%{transform:scale(1.005)}to{transform:scale(1.09)}}.cs-card-scrim{pointer-events:none;background:linear-gradient(#0b0c0e66 0%,#0b0c0e24 40%,#0b0c0eb8 68%,#0b0c0ef5 100%);position:absolute;inset:0}.cs-card-body{pointer-events:none;padding:clamp(20px,3.4vw,44px);position:absolute;inset:auto 0 0}.cs-ticks{pointer-events:none;gap:5px;display:flex;position:absolute;top:18px;left:clamp(20px,3.4vw,44px);right:clamp(20px,3.4vw,44px)}.cs-tick{background:#edede62e;border-radius:2px;flex:1 1 0;height:2px;transition:background-color .5s}.cs-tick[data-on=true]{background:var(--color-accent,#8b7cf6)}.cs-dots{gap:8px;display:flex}.cs-dot{cursor:pointer;width:30px;height:3px;transition:background-color .35s ease,width .35s var(--cs-ease);background:#edede633;border:0;border-radius:3px;padding:0}.cs-dot[data-on=true]{background:var(--color-accent,#8b7cf6);width:56px}.cs-expand{z-index:20;background:var(--color-bg-secondary,#101115);border:1px solid var(--color-border,#26282c);contain:layout paint;will-change:width,height;margin:auto;position:absolute;inset:0;overflow:hidden;box-shadow:0 40px 90px -30px #000000d9}.cs-expand-media{will-change:transform;position:absolute;inset:0}.cs-expand-media img{object-fit:cover}.cs-expand-scrim{pointer-events:none;background:linear-gradient(#0b0c0e8c,#0b0c0eeb);position:absolute;inset:0}.cs-dome{z-index:21;will-change:transform,opacity;position:absolute;inset:0}.cs-open-chrome{z-index:22;pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.cs-float,.cs-slide[data-on=true] img{animation:none!important}}