.ritual-placeholder[data-astro-cid-t5gsrkeq]{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;width:var(--placeholder-size);height:var(--placeholder-size)}.ritual-placeholder[data-astro-cid-t5gsrkeq] svg[data-astro-cid-t5gsrkeq]{width:100%;height:100%}.ritual-placeholder[data-astro-cid-t5gsrkeq]:hover{transform:scale(1.05)}.ritual-placeholder[data-astro-cid-t5gsrkeq]:active{transform:scale(.95)}.ritual-placeholder[data-astro-cid-t5gsrkeq].loaded{opacity:0;pointer-events:none;transition:opacity .3s ease-out}:root{--color-background: #000;--color-gold: #D4AF37;--color-gold100: #FFF7E6;--color-text: #3C2A00}.ritual-wrap-v6{--size: 170px;--rotation-sec: 40s;--hover-rotation-sec: .1s;--gold-color: #D4AF37;--orbit-tilt-x: 0deg;--orbit-tilt-y: 0deg;--orbit-axis: x;display:inline-flex;position:relative;justify-content:center;align-items:center;inline-size:var(--size);block-size:var(--size);min-inline-size:44px;min-block-size:44px}.ritual-main-v6{display:flex;position:relative;justify-content:center;align-items:center;inline-size:calc(var(--size) * .882);block-size:calc(var(--size) * .882)}.ritual-circle-v6{display:block;position:absolute;height:calc(var(--size) * .882);width:calc(var(--size) * .882);border-radius:50%;z-index:4}.ritual-circle-o-v6{background-color:var(--color-gold100);opacity:.8;border-right:1px solid rgba(212,175,55,.05);box-shadow:inset -35px -5px 0 -0px #d4af370d,0 4px 12px #d4af3733}.ritual-center-v6{display:block;position:absolute;height:calc(var(--size) * .882);width:calc(var(--size) * .882);z-index:4;display:flex;align-items:center;justify-content:center}.ritual-label-v6{position:relative;z-index:25;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:calc(var(--size) * .12);text-transform:lowercase;color:var(--color-text);line-height:1;letter-spacing:.02em;pointer-events:none}.ritual-orbit-v6{display:block;position:absolute;height:var(--size);width:var(--size);top:calc(var(--size) * -.059);left:calc(var(--size) * -.059);border-radius:50%;z-index:22;box-shadow:0 2px 0 1px var(--gold-color)}.ritual-wrap-v6:not(.smooth-velocity):not(.hover-to-flat):not(.hover-reverse-to-flat):not(.hover-reverse-full-360-to-flat):not(.hover-slow-to-flat)[style*="--orbit-axis: x"] .ritual-orbit-v6{animation:ritual-spin-x-v6 var(--rotation-sec) linear infinite forwards}.ritual-wrap-v6:not(.smooth-velocity):not(.hover-to-flat):not(.hover-reverse-to-flat):not(.hover-reverse-full-360-to-flat):not(.hover-slow-to-flat)[style*="--orbit-axis: y"] .ritual-orbit-v6{animation:ritual-spin-y-v6 var(--rotation-sec) linear infinite forwards}.ritual-wrap-v6:not(.smooth-velocity):not(.hover-to-flat):not(.hover-reverse-to-flat):not(.hover-reverse-full-360-to-flat):not(.hover-slow-to-flat)[style*="--orbit-axis: z"] .ritual-orbit-v6{animation:ritual-spin-z-v6 var(--rotation-sec) linear infinite forwards}@keyframes ritual-spin-x-v6{0%{transform:rotateY(var(--orbit-tilt-y)) rotateX(var(--orbit-tilt-x)) rotateX(0);box-shadow:0 2px 0 1px var(--gold-color)}25%{transform:rotateY(var(--orbit-tilt-y)) rotateX(calc(var(--orbit-tilt-x) + 90deg));box-shadow:0 2px 0 1px var(--gold-color)}50%{transform:rotateY(var(--orbit-tilt-y)) rotateX(calc(var(--orbit-tilt-x) + 180deg));box-shadow:0 -2px 0 1px var(--gold-color)}75%{transform:rotateY(var(--orbit-tilt-y)) rotateX(calc(var(--orbit-tilt-x) + 270deg));box-shadow:0 -2px 0 1px var(--gold-color)}to{transform:rotateY(var(--orbit-tilt-y)) rotateX(calc(var(--orbit-tilt-x) + 360deg));box-shadow:0 2px 0 1px var(--gold-color)}}@keyframes ritual-spin-y-v6{0%{transform:rotateX(var(--orbit-tilt-x)) rotateY(var(--orbit-tilt-y)) rotateY(0);box-shadow:2px 0 0 1px var(--gold-color)}25%{transform:rotateX(var(--orbit-tilt-x)) rotateY(calc(var(--orbit-tilt-y) + 90deg));box-shadow:2px 0 0 1px var(--gold-color)}50%{transform:rotateX(var(--orbit-tilt-x)) rotateY(calc(var(--orbit-tilt-y) + 180deg));box-shadow:-2px 0 0 1px var(--gold-color)}75%{transform:rotateX(var(--orbit-tilt-x)) rotateY(calc(var(--orbit-tilt-y) + 270deg));box-shadow:-2px 0 0 1px var(--gold-color)}to{transform:rotateX(var(--orbit-tilt-x)) rotateY(calc(var(--orbit-tilt-y) + 360deg));box-shadow:2px 0 0 1px var(--gold-color)}}@keyframes ritual-spin-z-v6{0%{transform:rotateX(var(--orbit-tilt-x)) rotateY(var(--orbit-tilt-y)) rotate(0)}to{transform:rotateX(var(--orbit-tilt-x)) rotateY(var(--orbit-tilt-y)) rotate(360deg)}}.ritual-btn-v6{position:absolute;inset:50%;transform:translate(-50%,-50%);inline-size:calc(var(--size) * .882);block-size:calc(var(--size) * .882);border-radius:50%;border:none;background:transparent;cursor:pointer;z-index:30;transition:transform .15s ease}.ritual-wrap-v6.is-hovered:not(.smooth-velocity) .ritual-orbit-v6{animation-duration:var(--hover-rotation-sec)}.ritual-wrap-v6.is-hovered .ritual-circle-o-v6{transform:scale(1.05);transition:transform .2s ease}.ritual-btn-v6:active{transform:translate(-50%,-50%) scale(.95)}.ritual-btn-v6:focus{outline:2px solid var(--gold-color);outline-offset:4px}.ritual-btn-v6:focus:not(:focus-visible){outline:none}.ritual-btn-v6:focus-visible{outline:2px solid var(--gold-color);outline-offset:4px}@media(prefers-reduced-motion:reduce){.ritual-orbit-v6{animation:none!important}.ritual-wrap-v6.is-hovered .ritual-orbit-v6{transform:rotateX(45deg);transition:transform .3s ease}}@media(prefers-contrast:high){.ritual-btn-v6:focus-visible{outline-width:3px;outline-offset:5px}.ritual-circle-o-v6{border:2px solid var(--gold-color)}}body{margin:0;padding:2rem;background:#000;color:#fff;font-family:system-ui,-apple-system,sans-serif;min-block-size:100vh}.demo-container{max-inline-size:1400px;margin:0 auto}.demo-header{margin-block-end:3rem}.demo-header h1{font-size:2.5rem;margin-block-end:.5rem;font-weight:700;color:#d4af37}.demo-header p{font-size:1.125rem;color:#999;margin:0}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4rem;padding-block:2rem}.demo-item{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.demo-item h3{font-size:.875rem;color:#d4af37;text-transform:uppercase;letter-spacing:.05em;margin:0;text-align:center}@media(max-width:640px){.demo-grid{grid-template-columns:1fr;gap:3rem}.demo-header h1{font-size:2rem}}.mobile-video{display:block!important}.desktop-video{display:none!important}@media(min-width:768px){.mobile-video{display:none!important}.desktop-video{display:block!important}}