.inv--mithaq{--inv-bg: radial-gradient(80% 60% at 50% 45%,#f3f5ee,#e2e8d9);--inv-ink: #2f4334;--inv-accent: #9a8a5a;--inv-surface: #f3f5ee;--mq-green: #2f4334;--mq-gold: #8a7a48;font-family: var(--font-display)}.mq-scene{display: grid;justify-items: center;gap: 1.5rem}.mq-star{position: relative;width: min(70vw,18rem);aspect-ratio: 1;display: grid;place-items: center;color: var(--mq-green)}.mq-star__svg{position: absolute;inset: 0;width: 100%;height: 100%;animation: mq-spin 60s linear infinite}.mq-star__svg>*{stroke-dasharray: 1;stroke-dashoffset: 1;animation: mq-draw 2s var(--ease-in-out) forwards}.mq-s2{animation-delay: 0.5s !important;color: var(--mq-gold);stroke: var(--mq-gold)}.mq-s3{animation-delay: 0.8s !important;stroke: var(--mq-gold)}.mq-s4{animation-delay: 1.1s !important}.mq-star__text{font-weight: 700;font-size: clamp(1.7rem,6vw,2.2rem);line-height: 1.3;text-align: center;animation: mq-fade 1s both 1.4s}.mq-names{font-family: var(--font-kufi);color: var(--mq-gold);word-spacing: 0.2em;animation: mq-fade 1s both 1.8s}.inv--mithaq[data-state="opening"] .mq-star{animation: mq-burst 1.1s cubic-bezier(0.7,0,0.3,1) both 0.1s}.inv--mithaq[data-state="opening"] .mq-names{animation: mq-out 0.3s both}.mq-reveal{min-height: 100vh;min-height: 100svh;background: radial-gradient(90% 50% at 50% 30%,#f7f8f3,#e6ebde);clip-path: polygon(calc(50% + 0.00vmin) calc(50vh + -1.00vmin),calc(50% + 0.29vmin) calc(50vh + -0.69vmin),calc(50% + 0.71vmin) calc(50vh + -0.71vmin),calc(50% + 0.69vmin) calc(50vh + -0.29vmin),calc(50% + 1.00vmin) calc(50vh + 0.00vmin),calc(50% + 0.69vmin) calc(50vh + 0.29vmin),calc(50% + 0.71vmin) calc(50vh + 0.71vmin),calc(50% + 0.29vmin) calc(50vh + 0.69vmin),calc(50% + 0.00vmin) calc(50vh + 1.00vmin),calc(50% + -0.29vmin) calc(50vh + 0.69vmin),calc(50% + -0.71vmin) calc(50vh + 0.71vmin),calc(50% + -0.69vmin) calc(50vh + 0.29vmin),calc(50% + -1.00vmin) calc(50vh + 0.00vmin),calc(50% + -0.69vmin) calc(50vh + -0.29vmin),calc(50% + -0.71vmin) calc(50vh + -0.71vmin),calc(50% + -0.29vmin) calc(50vh + -0.69vmin));transition: clip-path 1.2s cubic-bezier(0.65,0,0.25,1) 0.45s;display: grid;grid-template-rows: auto 1fr auto}.inv--mithaq:is([data-state="opening"],[data-state="open"]) .mq-reveal{clip-path: polygon(calc(50% + 0.00vmax) calc(50vh + -150.00vmax),calc(50% + 44.01vmax) calc(50vh + -106.25vmax),calc(50% + 106.07vmax) calc(50vh + -106.07vmax),calc(50% + 106.25vmax) calc(50vh + -44.01vmax),calc(50% + 150.00vmax) calc(50vh + 0.00vmax),calc(50% + 106.25vmax) calc(50vh + 44.01vmax),calc(50% + 106.07vmax) calc(50vh + 106.07vmax),calc(50% + 44.01vmax) calc(50vh + 106.25vmax),calc(50% + 0.00vmax) calc(50vh + 150.00vmax),calc(50% + -44.01vmax) calc(50vh + 106.25vmax),calc(50% + -106.07vmax) calc(50vh + 106.07vmax),calc(50% + -106.25vmax) calc(50vh + 44.01vmax),calc(50% + -150.00vmax) calc(50vh + 0.00vmax),calc(50% + -106.25vmax) calc(50vh + -44.01vmax),calc(50% + -106.07vmax) calc(50vh + -106.07vmax),calc(50% + -44.01vmax) calc(50vh + -106.25vmax))}.inv--mithaq[data-state="open"] .mq-reveal{clip-path: none}.mq-band{height: 3.2rem;background: var(--mq-green);color: #c8b77f;overflow: hidden}.mq-band svg{width: 100%;height: 100%;opacity: 0.55}.mq-sheet{padding-top: 3rem;padding-bottom: 3rem;max-width: 30rem;margin-inline: auto;display: grid;justify-items: center;gap: 1.6rem;text-align: center}.mq-dua{font-size: 1.25rem;line-height: 2;color: var(--mq-gold)}.mq-pre{font-family: var(--font-body);font-weight: 300;color: #4d5f4f}.mq-names-big{display: flex;align-items: center;gap: 1rem;font-size: clamp(2.4rem,10vw,3.4rem);color: var(--mq-green);outline: none}.mq-oct{width: 1.1rem;height: 1.1rem;background: var(--mq-gold);clip-path: polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.mq-table{position: relative;margin: 0;width: 100%;border: 1px solid rgb(47 67 52 / 0.35);padding: 0.5rem 1.25rem}.mq-table::before,.mq-table::after{content: "";position: absolute;width: 0.9rem;height: 0.9rem;background: var(--mq-gold);clip-path: polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%)}.mq-table::before{top: -0.45rem;right: -0.45rem}.mq-table::after{bottom: -0.45rem;left: -0.45rem}.mq-table>div{display: flex;justify-content: space-between;gap: 1rem;padding-block: 0.75rem;border-bottom: 1px dashed rgb(47 67 52 / 0.25)}.mq-table>div:last-child{border: 0}.mq-table dt{font-family: var(--font-kufi);color: var(--mq-gold);font-size: 0.9rem}.mq-table dd{margin: 0;font-size: 1.15rem;font-weight: 700;text-align: end}.mq-extra{display: grid;justify-items: center;gap: 1.2rem}.mq-cd{gap: 0.5rem}.mq-cd .cd__unit{width: 4.1rem;height: 4.1rem;place-content: center;background: var(--mq-green);color: #f3f5ee;clip-path: polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%)}.mq-cd .cd__num{font-size: 1.3rem;font-weight: 700}.mq-cd .cd__label{font-size: 0.65rem}.inv--mithaq .inv-map{color: var(--mq-green)}.inv--mithaq:is([data-state="opening"],[data-state="open"]) .mq-sheet>*{animation: mq-rise 0.9s var(--ease-out) both calc(1.15s + var(--i) * 0.12s)}@keyframes mq-spin{to{transform: rotate(360deg)}}@keyframes mq-draw{to{stroke-dashoffset: 0}}@keyframes mq-fade{from{opacity: 0}to{opacity: 1}}@keyframes mq-out{to{opacity: 0}}@keyframes mq-burst{0%{transform: none;opacity: 1}60%{opacity: 1}100%{transform: rotate(90deg) scale(5);opacity: 0}}@keyframes mq-rise{from{opacity: 0;transform: translateY(24px)}to{opacity: 1;transform: none}}.mq-table dt{word-spacing: 0.18em}