.demo-grid[data-astro-cid-tb5vpudz]{display:grid;gap:.5rem;grid-template-areas:"stage" "hands" "rings" "scope" "actions"}.demo-grid[data-astro-cid-tb5vpudz].has-intro{grid-template-areas:"stage" "hands" "rings" "intro" "scope" "actions"}@media(min-width:768px){.demo-grid[data-astro-cid-tb5vpudz]{grid-template-columns:minmax(0,min(26rem,58%)) minmax(14rem,1fr);grid-template-rows:auto auto auto 1fr;grid-template-areas:"stage rings" "hands rings" "scope rings" "actions rings";column-gap:1.5rem;row-gap:1.25rem;align-items:start}.demo-grid[data-astro-cid-tb5vpudz].has-intro{grid-template-rows:auto auto auto auto 1fr;grid-template-areas:"intro intro" "stage rings" "hands rings" "scope rings" "actions rings"}.area-intro[data-astro-cid-tb5vpudz]{margin-top:-.75rem}}@media(min-width:1024px){.demo-grid[data-astro-cid-tb5vpudz]{grid-template-columns:minmax(0,min(32.5rem,55%)) minmax(16rem,1fr);column-gap:2.5rem}}.area-intro[data-astro-cid-tb5vpudz]{grid-area:intro}.area-stage[data-astro-cid-tb5vpudz]{grid-area:stage}.area-scope[data-astro-cid-tb5vpudz]{grid-area:scope}.area-rings[data-astro-cid-tb5vpudz]{grid-area:rings}.area-hands[data-astro-cid-tb5vpudz]{grid-area:hands}.area-actions[data-astro-cid-tb5vpudz]{grid-area:actions}.stage[data-astro-cid-tb5vpudz]{position:relative;margin:0;aspect-ratio:1;overflow:hidden;background:var(--color-stone);touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;cursor:ew-resize;--pos: 50%;--grip: clamp(1.5rem, var(--pos), calc(100% - 1.5rem) )}.pair[data-astro-cid-tb5vpudz]{position:absolute;inset:0}.frame[data-astro-cid-tb5vpudz]{position:absolute;inset:0;background:var(--color-stone)}.frame[data-astro-cid-tb5vpudz] img[data-astro-cid-tb5vpudz]{width:100%;height:100%;aspect-ratio:1;object-fit:cover;-webkit-touch-callout:none}.frame-after[data-astro-cid-tb5vpudz]{clip-path:inset(0 0 0 var(--pos))}.tag[data-astro-cid-tb5vpudz]{position:absolute;top:.625rem;left:.625rem;padding:.25rem .5rem;background:#222222e0;color:var(--color-ivory);font-size:.9375rem;font-weight:500;line-height:1.2;letter-spacing:.02em;outline:1px solid rgb(248 246 241 / .55);transition:opacity .15s ease;pointer-events:none}.tag-after[data-astro-cid-tb5vpudz]{left:auto;right:.625rem}.stage[data-astro-cid-tb5vpudz].near-left .tag-before[data-astro-cid-tb5vpudz],.stage[data-astro-cid-tb5vpudz].near-right .tag-after[data-astro-cid-tb5vpudz]{opacity:0}.divider[data-astro-cid-tb5vpudz]{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:var(--color-ivory);box-shadow:0 0 0 1px #14141459;pointer-events:none}.grip[data-astro-cid-tb5vpudz]{position:absolute;top:50%;left:var(--grip);display:grid;place-items:center;width:2.75rem;height:2.75rem;transform:translate(-50%,-50%);border:2px solid var(--color-ink);border-radius:9999px;background:var(--color-gold);color:var(--color-ink);box-shadow:0 1px 6px #00000059;pointer-events:none}.stage[data-astro-cid-tb5vpudz].is-focus .grip[data-astro-cid-tb5vpudz]{box-shadow:0 0 0 3px var(--color-ivory),0 0 0 6px var(--color-ink)}.stage[data-astro-cid-tb5vpudz].is-loading:after{content:"";position:absolute;inset:0;background:#f8f6f140;pointer-events:none}.picker[data-astro-cid-tb5vpudz]{min-width:0;margin:0;padding:0;border:0}.picker[data-astro-cid-tb5vpudz] legend[data-astro-cid-tb5vpudz]{margin-bottom:0;padding:0;line-height:1.2}.strip[data-astro-cid-tb5vpudz]{display:flex;gap:.75rem;margin-inline:-1rem;padding:.5rem 1rem .375rem;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:1rem;scrollbar-width:none}.strip[data-astro-cid-tb5vpudz]::-webkit-scrollbar{display:none}.group[data-astro-cid-tb5vpudz][hidden],.tile[data-astro-cid-tb5vpudz][hidden]{display:none}.group-title[data-astro-cid-tb5vpudz]{margin:.375rem 0 0;font-size:.9375rem;font-weight:500;line-height:1.3;color:var(--color-charcoal)}.tile[data-astro-cid-tb5vpudz]{position:relative;display:flex;flex:0 0 auto;flex-direction:column;gap:.375rem;width:4rem;cursor:pointer;scroll-snap-align:start}@media(max-width:767.98px){.tile-text[data-astro-cid-tb5vpudz]{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.tile[data-astro-cid-tb5vpudz] img[data-astro-cid-tb5vpudz]{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid var(--color-stone);background:var(--color-stone)}.tile[data-astro-cid-tb5vpudz] input[data-astro-cid-tb5vpudz]:checked~img[data-astro-cid-tb5vpudz]{outline:2px solid var(--color-charcoal);outline-offset:2px}.tile[data-astro-cid-tb5vpudz] input[data-astro-cid-tb5vpudz]:focus-visible~img[data-astro-cid-tb5vpudz]{outline:2px solid var(--color-charcoal);outline-offset:2px;box-shadow:0 0 0 5px var(--color-ivory),0 0 0 7px var(--color-charcoal)}.tile-text[data-astro-cid-tb5vpudz]{display:flex;flex-direction:column;gap:.125rem}.tile-name[data-astro-cid-tb5vpudz]{font-size:1rem;font-weight:500;line-height:1.25;color:var(--color-charcoal)}.tile-metal[data-astro-cid-tb5vpudz]{display:flex;align-items:center;gap:.375rem;font-size:.9375rem;line-height:1.3;color:var(--color-caption)}.swatch[data-astro-cid-tb5vpudz]{display:inline-block;flex:none;width:.75rem;height:.75rem;border:1px solid rgb(20 20 20 / .35)}.tile-hand[data-astro-cid-tb5vpudz]{width:4rem}@media(min-width:768px){.picker[data-astro-cid-tb5vpudz] legend[data-astro-cid-tb5vpudz]{margin-bottom:.25rem;line-height:1.6}.strip[data-astro-cid-tb5vpudz]{margin-inline:0;padding:.5rem .25rem;overflow:visible;flex-wrap:wrap}.rings-panel[data-astro-cid-tb5vpudz]{max-height:calc(100vh - 5rem);overflow-y:auto;padding:.25rem .75rem .5rem .25rem;scrollbar-width:thin}.group[data-astro-cid-tb5vpudz]+.group[data-astro-cid-tb5vpudz]{margin-top:.75rem}.group-title[data-astro-cid-tb5vpudz]{margin-top:0}.strip-rings[data-astro-cid-tb5vpudz]{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.25rem,1fr));gap:.875rem .625rem}.tile-ring[data-astro-cid-tb5vpudz]{width:auto}.tile-name[data-astro-cid-tb5vpudz]{font-size:.875rem}.tile-metal[data-astro-cid-tb5vpudz]{font-size:.8125rem}.strip-hands[data-astro-cid-tb5vpudz]{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.75rem,3.5rem));gap:.5rem}.tile-hand[data-astro-cid-tb5vpudz]{width:auto}}@media(min-width:1024px){.strip-rings[data-astro-cid-tb5vpudz]{grid-template-columns:repeat(auto-fill,minmax(5.75rem,1fr));gap:1rem .75rem}}.caption[data-astro-cid-tb5vpudz]{font-size:1rem;font-weight:500;color:var(--color-charcoal)}.hint[data-astro-cid-tb5vpudz]{margin-top:.25rem;font-size:1rem;color:var(--color-caption)}.scope[data-astro-cid-tb5vpudz]{padding-top:.5rem;border-top:1px solid var(--color-gold);font-size:1rem;color:var(--color-charcoal)}.actions[data-astro-cid-tb5vpudz]{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.status[data-astro-cid-tb5vpudz]{min-height:1.5rem;margin-top:.5rem;font-size:1rem;color:var(--color-charcoal)}.share-url[data-astro-cid-tb5vpudz]{width:100%;max-width:32rem;margin-top:.25rem;padding:.5rem .75rem;border:1px solid var(--color-charcoal);background:var(--color-white);font-size:1rem}.noscript[data-astro-cid-tb5vpudz]{margin-top:.75rem;font-size:1rem;color:var(--color-caption)}