.dome{margin:var(--sp-10) 0;position:relative}.dome-head{max-width:62ch;margin-bottom:var(--sp-5)}.dome-head h3{font-size:var(--fs-h3);letter-spacing:var(--tr-title);margin:0;font-weight:600}.dome-head p{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);line-height:var(--lh-body);color:rgb(var(--muted-rgb))}.dome-stage{--dome-cols:22;--dome-rows:5;--dome-r:460px;--dome-vstep:11;--dome-circ:calc(var(--dome-r) * 3.1416);--dome-tw:calc(var(--dome-circ) * 2 / var(--dome-cols));--dome-th:calc(var(--dome-circ) * 2 * var(--dome-vstep) / 360);--dome-step-y:calc(360deg / var(--dome-cols));--dome-step-x:calc(var(--dome-vstep) * 1deg);aspect-ratio:16/9;border-radius:var(--r-xl);background:rgb(var(--dark-900));min-height:22rem;perspective:calc(var(--dome-r) * 2);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:relative;overflow:hidden}.dome-stage:active{cursor:grabbing}.dome-sphere{transform-style:preserve-3d;will-change:transform;position:absolute}.dome-tile{top:calc(var(--dome-th) / -2);left:calc(var(--dome-tw) / -2);width:var(--dome-tw);height:var(--dome-th);transform-style:preserve-3d;backface-visibility:hidden;transform:rotateY(calc(var(--dome-step-y) * var(--col))) rotateX(calc(var(--dome-step-x) * var(--row) * -1)) translateZ(var(--dome-r));position:absolute}.dome-face{border-radius:var(--r-md);background:rgb(var(--dark-800));cursor:pointer;transition:filter var(--t-fast) var(--ease);border:0;padding:0;display:block;position:absolute;inset:4px;overflow:hidden}.dome-face img{-o-object-fit:cover;object-fit:cover;pointer-events:none;filter:saturate(.35)brightness(.85);width:100%;height:100%;transition:filter var(--t-base) var(--ease)}.dome-face:hover img,.dome-face:focus-visible img{filter:none}.dome-face:focus-visible{outline:2px solid rgb(var(--accent-hi-rgb));outline-offset:2px}.dome-vignette{pointer-events:none;background:radial-gradient(ellipse at center, rgb(var(--dark-900) / 0) 46%, rgb(var(--dark-900) / .75) 78%, rgb(var(--dark-900)) 100%);position:absolute;inset:0}.dome-hint{right:var(--sp-4);bottom:var(--sp-4);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);background:rgb(var(--n-0) / .1);color:rgb(var(--n-0) / .65);font-size:var(--fs-caption);pointer-events:none;position:absolute}.dome-view{z-index:var(--z-modal);padding:var(--sp-6);place-items:center;display:grid;position:fixed;inset:0}.dome-scrim{background:rgb(var(--dark-900) / .82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:zoom-out;border:0;position:absolute;inset:0}.dome-big{border-radius:var(--r-lg);background:rgb(var(--dark-800));max-width:min(64rem,92vw);max-height:86vh;box-shadow:var(--shadow-4);animation:dome-in var(--t-base) var(--ease) both;margin:0;position:relative;overflow:hidden}.dome-big img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:78vh;display:block}.dome-big figcaption{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-caption);color:rgb(var(--n-0) / .7)}@keyframes dome-in{0%{opacity:0;transform:scale(.96)}}.dome-close{top:var(--sp-5);right:var(--sp-5);width:var(--ctl-sm);height:var(--ctl-sm);border-radius:var(--r-pill);background:rgb(var(--n-0) / .12);color:rgb(var(--n-0));cursor:pointer;border:0;place-items:center;display:grid;position:absolute}@media (max-width:720px){.dome-stage{--dome-r:300px;aspect-ratio:4/5;min-height:20rem}.dome-hint{display:none}}@media (prefers-reduced-motion:reduce){.dome-big{animation:none}}