.explore{--x-rule: color-mix(in oklab, var(--scene-ink) 14%, transparent);--x-card: color-mix(in oklab, var(--scene-ink) 6%, var(--scene-bg));--x-shadow: 0 1px 2px rgba(10, 10, 10, .12), 0 10px 26px -8px rgba(10, 10, 10, .3);--x-shadow-lift: 0 2px 4px rgba(10, 10, 10, .14), 0 26px 46px -12px rgba(10, 10, 10, .42);position:relative;margin-inline:calc(-1 * var(--spacing-gutter));height:clamp(30rem,calc(100vh - 8rem),58rem);height:clamp(30rem,calc(100svh - 8rem),58rem);overflow:hidden;isolation:isolate;contain:layout paint;background:var(--scene-bg);border-block:1px solid var(--x-rule);color:var(--scene-ink)}.explore:fullscreen{height:100vh;border:0}.explore img{-webkit-user-drag:none;user-select:none;pointer-events:none}.explore-mode{position:absolute;inset:0;display:none;background:var(--scene-bg)}.explore-mode.is-on{display:block}.explore-mode.is-entering{animation:explore-enter .55s cubic-bezier(.22,.7,.2,1) both}.explore-mode.is-leaving{display:block;pointer-events:none;animation:explore-leave .38s ease both}@keyframes explore-enter{0%{opacity:0;transform:scale(1.03)}}@keyframes explore-leave{to{opacity:0;transform:scale(.98)}}.explore-grab{cursor:grab;touch-action:none;user-select:none}.explore-grab.is-grabbing{cursor:grabbing}.explore-mode[data-mode=canvas] canvas{position:absolute;inset:0;width:100%;height:100%;display:block;background:var(--scene-bg)}.explore-glass{background:color-mix(in oklab,var(--scene-bg) 92%,var(--scene-ink));box-shadow:0 0 0 1px var(--x-rule),var(--x-shadow)}.explore-seg{--n: 3;position:relative;display:grid;grid-template-columns:repeat(var(--n),1fr);isolation:isolate}.explore-seg:before{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:calc(100% / var(--n));border-radius:9999px;background:var(--scene-ink);translate:calc(var(--i, 0) * 100%) 0;transition:translate .32s cubic-bezier(.22,.7,.2,1)}.explore-seg>button{border:0;background:none;color:inherit;font:inherit;font-size:.875rem;font-weight:500;padding:.6rem .5rem;border-radius:9999px;cursor:pointer;opacity:.7;white-space:nowrap;transition:opacity .18s ease,color .18s ease}.explore-seg>button:hover{opacity:1}.explore-seg>button[aria-pressed=true]{opacity:1;color:var(--scene-bg)}.explore-seg>button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.explore-seg-sm>button{font-size:.75rem;padding:.38rem .7rem}.explore-dial{position:absolute;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom,0px));translate:-50% 0;z-index:30;width:min(22rem,calc(100% - 2rem));padding:4px;border-radius:9999px}.explore-bar{position:absolute;top:1rem;left:1rem;right:4.5rem;z-index:30;display:flex;flex-wrap:wrap;gap:.5rem;pointer-events:none}.explore-bar>*{pointer-events:auto;padding:3px;border-radius:9999px}.explore-fs{position:absolute;top:1rem;right:1rem;z-index:30;width:2.4rem;height:2.4rem;border:0;border-radius:9999px;display:grid;place-items:center;color:inherit;cursor:pointer}.explore-fs svg{width:1.05rem;height:1.05rem}.explore-hint{position:absolute;left:1rem;bottom:calc(1.4rem + env(safe-area-inset-bottom,0px));z-index:20;max-width:calc(50% - 12rem);margin:0;font:500 .6875rem/1.4 var(--font-mono);opacity:.6;pointer-events:none}@media(max-width:47.99rem){.explore-hint{display:none}}.explore-tip{position:absolute;left:0;top:0;z-index:25;max-width:16rem;padding:.35rem .6rem;border-radius:.6rem;background:var(--scene-ink);color:var(--scene-bg);font:500 .6875rem/1.35 var(--font-mono);pointer-events:none;opacity:0;transition:opacity .18s}.explore-tip.is-on{opacity:1}.explore-tip b{display:block;font:400 1rem/1.15 var(--font-serif)}.explore-tile{position:absolute;left:0;top:0;padding:7px;will-change:transform}.explore-tile>div{width:100%;height:100%;overflow:hidden;border-radius:.6rem;background:var(--x-card)}.explore-tile img{width:100%;height:100%;object-fit:cover;display:block}.explore-dot{position:absolute;left:0;top:0;padding:0;border:0;background:var(--x-card);border-radius:.3rem;overflow:hidden;cursor:pointer;box-shadow:var(--x-shadow);transition:transform .95s cubic-bezier(.22,.7,.2,1),opacity .35s,filter .35s,box-shadow .3s;transition-delay:var(--dl, 0ms),0ms,0ms,0ms}.explore-dot img{width:100%;height:100%;object-fit:cover;display:block}.explore-dot:focus-visible{outline:2px solid var(--scene-ink);outline-offset:2px}.explore-mode.is-focus .explore-dot:not(.is-lit):not(.is-me){opacity:.2;filter:grayscale(1)}.explore-dot.is-me{z-index:3;box-shadow:0 0 0 2px var(--scene-ink),var(--x-shadow-lift)}.explore-dot.is-lit{z-index:2}.explore-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.explore-svg .guide{fill:none;stroke:var(--x-rule);stroke-width:1}.explore-svg .link{fill:none;stroke:var(--scene-ink);stroke-width:1;opacity:.7;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);animation:explore-draw .7s .15s cubic-bezier(.22,.7,.2,1) forwards}@keyframes explore-draw{to{stroke-dashoffset:0}}.explore-labels{position:absolute;inset:0;pointer-events:none}.explore-labels span{position:absolute;translate:-50% 0;white-space:nowrap;font:500 .6875rem var(--font-mono);opacity:.6;font-variant-numeric:tabular-nums;animation:explore-fade .6s .3s both}.explore-labels span.is-big{font:400 1.15rem/1 var(--font-serif);opacity:1}@keyframes explore-fade{0%{opacity:0}}.explore-info{position:absolute;left:50%;bottom:calc(5.2rem + env(safe-area-inset-bottom,0px));translate:-50% 0;z-index:20;width:min(40rem,calc(100% - 2rem));margin:0;text-align:center;font:500 .75rem var(--font-mono);opacity:.75;pointer-events:none;font-variant-numeric:tabular-nums}.explore-noscript{padding:2rem}@media(prefers-reduced-motion:reduce){.explore-mode.is-entering,.explore-mode.is-leaving{animation-duration:1ms}.explore-dot{transition-duration:1ms}}