.sphere-root{--radius:500px;--tile-width:220px;--tile-height:var(--tile-width);perspective:1200px;touch-action:none;width:100%;height:450px;min-height:420px;position:relative;overflow:hidden}@media (min-width:768px){.sphere-root{--radius:580px;--tile-width:245px;--tile-height:var(--tile-width);height:490px;min-height:450px}}.sphere-root.dome-gallery-lg{--radius:640px;--tile-width:220px;--tile-height:var(--tile-width);height:580px;min-height:520px}@media (min-width:768px){.sphere-root.dome-gallery-lg{--radius:760px;--tile-width:230px;--tile-height:var(--tile-width);height:700px;min-height:640px}}@media (min-width:1280px){.sphere-root.dome-gallery-lg{--radius:880px;--tile-width:240px;--tile-height:var(--tile-width);height:750px;min-height:700px}}.sphere-root *{box-sizing:border-box}.sphere-stage{transform-style:preserve-3d;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sphere-stage:active{cursor:grabbing}.sphere-world{width:0;height:0;transform-style:preserve-3d;will-change:transform;position:absolute}.sphere-item{width:var(--tile-width);height:var(--tile-width);aspect-ratio:1;left:calc(var(--tile-width) / -2);top:calc(var(--tile-width) / -2);transform-style:preserve-3d;backface-visibility:hidden;transform:rotateY(var(--rot-y,0deg)) rotateX(var(--rot-x,0deg)) translateZ(var(--radius,600px));transition:transform .2s ease-out;position:absolute}.sphere-card{aspect-ratio:1;border-radius:var(--tile-radius,24px);backface-visibility:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;pointer-events:auto;width:100%;height:100%;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.sphere-card:hover{transform:translateZ(30px)scale(1.04);box-shadow:0 25px 50px -12px #0006}.sphere-vignette{pointer-events:none;z-index:10;background:radial-gradient(ellipse 95% 85% at 50% 50%, transparent 60%, var(--overlay-blur-color,#0a0a0af2) 100%);position:absolute;inset:0}.sphere-edge-top{z-index:11;pointer-events:none;background:linear-gradient(to bottom, var(--overlay-blur-color,#0a0a0af2), transparent);height:80px;position:absolute;top:0;left:0;right:0}.sphere-edge-bottom{z-index:11;pointer-events:none;background:linear-gradient(to top, var(--overlay-blur-color,#0a0a0af2), transparent);height:80px;position:absolute;bottom:0;left:0;right:0}