.inv--jasmine{--inv-bg: radial-gradient(90% 70% at 50% 40%,#1d4a42 0%,#0f2a26 55%,#08191a 100%);--inv-ink: #f3ebdc;--inv-accent: #d4b06a;--inv-surface: #12302b;--pv-chip: #12302b;--pv-chip-fg: #f3ebdc;--js-gold: #d4b06a;font-family: "El Messiri",var(--font-body)}.inv--jasmine .pv-title__code{color: var(--js-gold)}.js-scene{display: grid;justify-items: center;gap: 1.4rem}.js-kicker{font-size: 1.05rem;color: var(--js-gold);letter-spacing: 0;animation: js-fade 1.2s var(--ease-out) both 0.3s}.js-gate{position: relative;width: min(82vw,21rem);aspect-ratio: 0.66;perspective: 1400px;animation: js-rise 1.4s var(--ease-out) both 0.1s}.js-light{position: absolute;inset: 8% 10% 0;border-radius: 999px 999px 0 0;background: radial-gradient(60% 55% at 50% 55%,#fff6dc 0%,#f1d595 35%,rgb(212 176 106 / 0) 75%);opacity: 0.25;transform: scale(0.7);transition: transform 1.4s var(--ease-out),opacity 1s var(--ease-out)}.js-door{position: absolute;top: 0;bottom: 0;width: 50%;overflow: hidden;background: linear-gradient(180deg,#1a463e,#0f2d28);color: var(--js-gold);border: 1.5px solid var(--js-gold);backface-visibility: hidden;transition: transform 1.5s cubic-bezier(0.6,0.05,0.2,1);box-shadow: inset 0 0 40px rgb(0 0 0 / 0.35)}.js-door svg{position: absolute;inset: 0;width: 100%;height: 100%;opacity: 0.32}.js-door::after{content: "";position: absolute;inset: 9px;border: 1px solid rgb(212 176 106 / 0.45);border-radius: inherit}.js-door--l{left: 0;border-top-left-radius: 100% 34%;border-right-width: 0.75px;transform-origin: 0 50%}.js-door--r{right: 0;border-top-right-radius: 100% 34%;border-left-width: 0.75px;transform-origin: 100% 50%}.js-half{position: absolute;top: 46%;width: 4.2rem;height: 4.2rem;display: grid;align-items: center;font-family: "Aref Ruqaa",var(--font-display);font-size: 1.7rem;color: var(--js-gold);border: 1px solid var(--js-gold);background: #0f2d28}.js-door--l .js-half{right: -2.1rem;border-radius: 50%;justify-items: end;padding-inline-end: 0.6rem}.js-door--r .js-half{left: -2.1rem;border-radius: 50%;justify-items: start;padding-inline-start: 0.6rem}.js-knob{position: absolute;top: 62%;width: 0.8rem;height: 0.8rem;border-radius: 50%;border: 1.5px solid var(--js-gold)}.js-door--l .js-knob{right: 0.7rem}.js-door--r .js-knob{left: 0.7rem}.inv--jasmine[data-state="opening"] .js-door--l{transform: rotateY(-108deg);transition-delay: 150ms}.inv--jasmine[data-state="opening"] .js-door--r{transform: rotateY(108deg);transition-delay: 150ms}.inv--jasmine[data-state="opening"] .js-light{opacity: 1;transform: scale(1.5);transition-delay: 300ms}.inv--jasmine[data-state="opening"] .js-gate{animation: js-through 0.8s var(--ease-in-out) both 1.3s}.inv--jasmine[data-state="opening"] .js-kicker{animation: js-out 0.4s both}.js-sheet{max-width: 30rem;margin-inline: auto;display: grid;justify-items: center;gap: 2rem;text-align: center}.js-window{position: relative;width: 100%;display: grid;justify-items: center;gap: 1rem;padding: 4.5rem 1.5rem 2.5rem;border: 1px solid var(--js-gold);border-radius: 999px 999px 0 0;background: linear-gradient(180deg,rgb(212 176 106 / 0.1),transparent 60%)}.js-window::before{content: "";position: absolute;inset: 0.55rem 0.55rem 0;border: 1px solid rgb(212 176 106 / 0.35);border-bottom: 0;border-radius: inherit}.js-mark{width: 2.3rem;color: var(--js-gold)}.js-pre{font-size: 1.05rem;line-height: 2;opacity: 0.88}.js-names{display: grid;font-family: "Aref Ruqaa",var(--font-display);font-weight: 400;font-size: clamp(3rem,12vw,4.2rem);line-height: 1.3;background: linear-gradient(180deg,#f6e2ad 10%,#c99b4c 90%);-webkit-background-clip: text;background-clip: text;color: transparent;outline: none}.js-amp{font-size: 0.5em}.js-details{margin: 0;width: 100%;display: grid;grid-template-columns: 1fr 1fr}.js-details>div{padding: 1rem 0.5rem;border-top: 1px solid rgb(212 176 106 / 0.35)}.js-details>div:first-child{border-inline-end: 1px solid rgb(212 176 106 / 0.35)}.js-wide{grid-column: 1 / -1;border-bottom: 1px solid rgb(212 176 106 / 0.35)}.js-details dt{font-size: 0.8rem;color: var(--js-gold);margin-bottom: 0.25rem}.js-details dd{margin: 0;display: grid;font-size: 1.25rem;font-weight: 600}.js-details small{font-size: 0.85rem;font-weight: 400;opacity: 0.8}.js-extra{display: grid;justify-items: center;gap: 1.4rem}.js-cd{gap: 0.6rem}.js-cd .cd__unit{width: 4rem;height: 4rem;place-content: center;border: 1px solid var(--js-gold);border-radius: 50%}.js-cd .cd__num{font-size: 1.3rem;font-weight: 600;color: #f6e2ad}.js-cd .cd__label{font-size: 0.65rem}.inv--jasmine .inv-map{color: var(--js-gold)}.js-close{font-family: "Aref Ruqaa",var(--font-display);font-size: 1.6rem;color: var(--js-gold)}.js-petals{position: absolute;inset: 0;pointer-events: none;z-index: 3;overflow: hidden}.js-petals span{position: absolute;top: -5%;left: var(--x);width: calc(var(--s) * 11px);height: calc(var(--s) * 15px);background: radial-gradient(circle at 30% 30%,#fffdf6,#efe6d2);border-radius: 80% 0 80% 0;opacity: 0;animation: js-fall var(--t) linear infinite var(--d)}.inv--jasmine:is([data-state="opening"],[data-state="open"]) .js-sheet>*{animation: js-rise 1s var(--ease-out) both calc(1.6s + var(--i) * 0.18s)}.inv--jasmine:is([data-state="opening"],[data-state="open"]) .js-petals{animation: js-fade 1s both 1.5s}@keyframes js-fade{from{opacity: 0}to{opacity: 1}}@keyframes js-out{to{opacity: 0}}@keyframes js-rise{from{opacity: 0;transform: translateY(40px)}to{opacity: 1;transform: none}}@keyframes js-through{to{opacity: 0;transform: scale(1.25)}}@keyframes js-fall{0%{opacity: 0;transform: translate3d(0,0,0) rotate(var(--a))}10%{opacity: 0.9}50%{transform: translate3d(-30px,55vh,0) rotate(calc(var(--a) + 180deg))}90%{opacity: 0.8}100%{opacity: 0;transform: translate3d(20px,110vh,0) rotate(calc(var(--a) + 360deg))}}