.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));color:#fff;background:radial-gradient(circle at top,#1a1a1f 0%,#020208 60%,#000 100%);width:100vw;height:100vh;position:relative;overflow:hidden}.sphere-root *{box-sizing:border-box}.sphere,.item,.item__image{transform-style:preserve-3d}main.sphere-main{touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.stage{width:100%;height:100%;perspective:calc(var(--radius)*2);perspective-origin:50%;contain:layout paint size;place-items:center;display:grid}.sphere{transform:translateZ(calc(var(--radius)*-1));will-change:transform}.overlay,.overlay--blur{z-index:3;pointer-events:none;margin:auto;position:absolute;inset:0}.overlay{background-image:radial-gradient(#ebebeb00 65%,var(--overlay-blur-color,#060010)100%)}.overlay--blur{-webkit-mask-image:radial-gradient(#ebebeb00 70%,var(--overlay-blur-color,#060010)90%);-webkit-mask-image:radial-gradient(#ebebeb00 70%,var(--overlay-blur-color,#060010)90%);mask-image:radial-gradient(#ebebeb00 70%,var(--overlay-blur-color,#060010)90%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.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}.item__image{border-radius:var(--tile-radius,12px);backface-visibility:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;pointer-events:auto;background:0 0;transition:transform .3s;display:block;position:absolute;inset:10px;overflow:hidden;transform:translateZ(0)}.item__image img{object-fit:cover;pointer-events:none;backface-visibility:hidden;width:100%;height:100%;filter:var(--image-filter,none)}.viewer{z-index:20;pointer-events:none;padding:var(--viewer-pad);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.viewer .frame{aspect-ratio:1;border-radius:var(--enlarge-radius,32px);height:100%;display:flex}@media (max-aspect-ratio:1){.viewer .frame{width:100%;height:auto}}.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}.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}.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)}.edge-fade{z-index:5;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--overlay-blur-color,#060010));height:120px;position:absolute;left:0;right:0}.edge-fade--top{top:0;transform:rotate(180deg)}.edge-fade--bottom{bottom:0}.viewer .dg-meta{-webkit-backdrop-filter:blur(18px);color:#f7f7f7;opacity:0;pointer-events:none;background:radial-gradient(circle at 0 0,#ffffff38,#0f0f14e6);border:1px solid #ffffff29;border-radius:1.25rem;min-width:min(26rem,80vw);padding:1.1rem 1.5rem;transition:opacity .32s,transform .32s,box-shadow .22s,border-color .22s;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 18px 45px #0000008c}.sphere-root[data-enlarging=true] .viewer .dg-meta{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.viewer .dg-meta:hover{border-color:#ffffff42;box-shadow:0 22px 60px #000000a6}.dg-meta__title{letter-spacing:.18em;text-transform:uppercase;margin:0 0 .25rem;font-family:zentry,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.95rem}.dg-meta__desc{opacity:.9;margin:0;font-family:robert,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem;line-height:1.6}body.dg-scroll-lock{overflow:hidden}.dg-intro{z-index:40;pointer-events:none;text-transform:uppercase;max-width:22rem;position:absolute;top:1.75rem;left:2rem}.dg-intro__eyebrow{letter-spacing:.22em;opacity:.8;margin:0 0 .35rem;font-family:zentry,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.9rem}.dg-intro__subtitle{opacity:.6;text-transform:none;margin:0;font-family:robert,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.8rem;line-height:1.6}.dg-hint{z-index:40;pointer-events:none;letter-spacing:.16em;text-transform:uppercase;opacity:.5;font-family:robert,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.7rem;position:absolute;bottom:1.75rem;right:2rem}.dg-retour{z-index:50;-webkit-backdrop-filter:blur(10px);color:#fff;letter-spacing:.05em;pointer-events:auto;background:#0009;border:1px solid #ffffff26;border-radius:2rem;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:robert,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:.85rem;text-decoration:none;transition:all .25s;display:flex;position:absolute;top:1.75rem;right:2rem}.dg-retour:hover{background:#000c;border-color:#ffffff4d;transform:translate(-2px)}.dg-retour__icon{font-size:1.1rem;line-height:1}.dg-retour__text{text-transform:uppercase}
