.inv--rings{--inv-bg: linear-gradient(160deg,#f8ecea,#f1dcd8);--inv-ink: #5c1d2b;--inv-accent: #c07a84;--inv-surface: #fbf3f1;--rg-rose: #c07a84;font-family: var(--font-body)}.rg-scene{display: grid;justify-items: center;gap: 0.6rem}.rg-rings{width: min(64vw,17rem);color: #5c1d2b;overflow: visible}.rg-rings circle{stroke-dasharray: 1;stroke-dashoffset: 1;animation: rg-draw 1.8s var(--ease-in-out) forwards}.rg-rings .rg-r2{color: var(--rg-rose);stroke: var(--rg-rose);animation-delay: 0.5s}.rg-rings .rg-gem{stroke: var(--rg-rose);opacity: 0;animation: rg-fade 0.6s 1.9s forwards,rg-twinkle 2.5s 2.5s infinite;transform-box: fill-box;transform-origin: center}.rg-r1,.rg-r2{transform-box: fill-box;transform-origin: center;transition: transform 700ms var(--ease-in-out)}.rg-title{font-family: var(--font-kufi);font-weight: 600;font-size: clamp(2.2rem,8vw,3rem);color: #5c1d2b;animation: rg-up 1s var(--ease-out) both 1.2s}.rg-sub{font-weight: 300;color: #8a4a55;animation: rg-up 1s var(--ease-out) both 1.45s}.inv--rings[data-state="opening"] .rg-r1{transform: translateX(-26px) rotate(-20deg)}.inv--rings[data-state="opening"] .rg-r2{transform: translateX(26px) rotate(20deg)}.inv--rings[data-state="opening"] .rg-title,.inv--rings[data-state="opening"] .rg-sub{animation: rg-out 0.4s both}.rg-reveal{min-height: 100vh;min-height: 100svh;background: radial-gradient(70% 50% at 100% 0%,rgb(192 122 132 / 0.25),transparent 70%),linear-gradient(170deg,#5c1d2b,#3e1019);color: #fbeeea;clip-path: circle(0px at 50% 42vh);transition: clip-path 1.1s cubic-bezier(0.7,0,0.2,1) 0.55s}.inv--rings:is([data-state="opening"],[data-state="open"]) .rg-reveal{clip-path: circle(150vmax at 50% 42vh)}.inv--rings[data-state="open"] .rg-reveal{clip-path: none}.rg-sheet{max-width: 34rem;margin-inline: auto;display: grid;grid-template-columns: auto 1fr;gap: 1.25rem;padding-inline-start: max(1.25rem,6vw)}.rg-vertical{writing-mode: vertical-rl;font-family: var(--font-kufi);font-size: clamp(2.6rem,11vw,4rem);font-weight: 400;line-height: 1;color: rgb(240 190 196 / 0.28);align-self: start;padding-top: 0.5rem}.rg-main{display: grid;gap: 1.8rem;justify-items: start;padding-inline-start: 1.25rem;border-inline-start: 1px solid rgb(240 190 196 / 0.4)}.rg-kicker{font-weight: 300;font-size: 1rem;color: #f0bec4}.rg-names{display: grid;justify-items: start;gap: 0.2rem;font-family: var(--font-kufi);font-weight: 600;font-size: clamp(3rem,13vw,4.6rem);line-height: 1.15;color: #fff4f1;outline: none}.rg-mini{width: 4.5rem;color: #f0bec4;margin-block: 0.2rem}.rg-mini .rg-gem{stroke: #f0bec4}.rg-list{margin: 0;width: 100%;display: grid}.rg-list>div{display: grid;grid-template-columns: 4.5rem 1fr;gap: 0.75rem;padding-block: 0.8rem;border-bottom: 1px solid rgb(240 190 196 / 0.22)}.rg-list dt{font-family: var(--font-kufi);font-size: 0.85rem;color: #f0bec4}.rg-list dd{margin: 0;font-size: 1.02rem}.rg-cd{justify-content: flex-start;gap: 1.4rem}.rg-cd .cd__unit{justify-items: start;min-width: auto}.rg-cd .cd__num{font-family: var(--font-kufi);font-size: 2.1rem;font-weight: 500;color: #fff4f1}.rg-cd .cd__label{color: #f0bec4}.rg-foot{font-family: var(--font-kufi);color: #f0bec4}.inv--rings[data-state="open"]{--inv-ink: #fbeeea;--inv-surface: #4a1622}.inv--rings:is([data-state="opening"],[data-state="open"]) .rg-main>*{animation: rg-side 0.9s var(--ease-out) both calc(1.2s + var(--i) * 0.12s)}.inv--rings:is([data-state="opening"],[data-state="open"]) .rg-vertical{animation: rg-up 1.2s var(--ease-out) both 1.1s}@keyframes rg-draw{to{stroke-dashoffset: 0}}@keyframes rg-fade{to{opacity: 1}}@keyframes rg-out{to{opacity: 0}}@keyframes rg-up{from{opacity: 0;transform: translateY(16px)}to{opacity: 1;transform: none}}@keyframes rg-side{from{opacity: 0;transform: translateX(-24px)}to{opacity: 1;transform: none}}@keyframes rg-twinkle{0%,100%{transform: scale(1)}50%{transform: scale(1.25)}}.rg-foot,.rg-title,.rg-list dt{word-spacing: 0.18em}