.inv--pearl{--inv-bg: radial-gradient(120% 80% at 50% 0%,#fdfaf4 0%,#f3ead9 70%,#ece0c9 100%);--inv-ink: #4a3a22;--inv-accent: #b8955a;--inv-surface: #fbf8f2;--pl-burgundy: #7a2737;font-family: var(--font-display)}.pl-scene{display: grid;justify-items: center;gap: 1.6rem}.pl-kicker{font-family: var(--font-kufi);font-size: 0.95rem;color: #8a6a35;word-spacing: 0.2em;animation: pl-fade 1.2s var(--ease-out) both 0.2s}.pl-to{font-size: 1.15rem;color: #6d5a3b;animation: pl-fade 1.2s var(--ease-out) both 0.9s}.pl-env{position: relative;width: min(80vw,22rem);aspect-ratio: 1.42;perspective: 1100px;animation: pl-drop 1.3s var(--ease-out) both 0.35s}.pl-env>span{position: absolute}.pl-env__back{inset: 0;background: #e9dcc4;border-radius: 6px;box-shadow: 0 30px 50px -28px rgb(74 58 34 / 0.55)}.pl-env__card{inset: 7% 7% 9%;z-index: 2;display: grid;place-items: start center;padding-top: 9%;background: #fffdf8;border: 1px solid #d9c49a;border-radius: 3px;color: #b8955a;transition: transform 500ms var(--ease-out)}.pl-env__card svg{width: 18%}.pl-env__front{inset: 0;z-index: 3;background: linear-gradient(170deg,#f8f1e4,#efe4d0);clip-path: polygon(0 0,50% 54%,100% 0,100% 100%,0 100%);border-radius: 6px}.pl-env__flap{inset: 0 0 auto;height: 60%;z-index: 4;background: linear-gradient(180deg,#efe3cc,#e6d7bb);clip-path: polygon(0 0,100% 0,50% 100%);transform-origin: 50% 0;transform: rotateX(0deg);backface-visibility: hidden;transition: transform 500ms var(--ease-in-out),z-index 0s 250ms}.pl-seal{z-index: 5;top: 60%;left: 50%;width: 3.4rem;height: 3.4rem;translate: -50% -55%;display: grid;place-items: center;border-radius: 50%;color: #e6d6b2;background: radial-gradient(circle at 35% 30%,#a24356,var(--pl-burgundy) 55%,#4a1420);box-shadow: 0 6px 14px -5px rgb(74 20 32 / 0.6),inset 0 0 0 4px rgb(0 0 0 / 0.08);animation: pl-seal 2.6s var(--ease-in-out) infinite 1.8s;transition: transform 350ms var(--ease-out),opacity 350ms}.pl-seal svg{width: 52%}.inv--pearl[data-state="opening"] .pl-seal{animation: none;transform: scale(1.35);opacity: 0}.inv--pearl[data-state="opening"] .pl-env__flap{transform: rotateX(180deg);z-index: 1;transition: transform 800ms var(--ease-in-out) 250ms,z-index 0s 650ms}.inv--pearl[data-state="opening"] .pl-env__card{transform: translateY(-62%);transition: transform 800ms var(--ease-out) 950ms}.inv--pearl[data-state="opening"] .pl-env{animation: pl-env-out 0.7s var(--ease-in-out) both 1.55s}.inv--pearl[data-state="opening"] .pl-kicker,.inv--pearl[data-state="opening"] .pl-to{animation: pl-out 0.4s ease both}.pl-card{position: relative;max-width: 27rem;margin-inline: auto;display: grid;justify-items: center;gap: 1.1rem;padding: 4.5rem 1.6rem 2.75rem;text-align: center;background: #fffdf8;border-radius: 999px 999px 18px 18px;box-shadow: 0 40px 70px -40px rgb(74 58 34 / 0.6)}.pl-card::before,.pl-card::after{content: "";position: absolute;border-radius: inherit;pointer-events: none}.pl-card::before{inset: 0.6rem;border: 1px solid #c9a96e}.pl-card::after{inset: 0.95rem;border: 1px solid rgb(201 169 110 / 0.45)}.pl-mark{width: 2.4rem;color: #b8955a}.pl-pre{font-family: var(--font-body);font-weight: 300;font-size: 0.98rem;line-height: 2;color: #6d5a3b}.pl-names{display: grid;gap: 0.1rem;font-size: clamp(2.6rem,9vw,3.4rem);line-height: 1.25;color: #4a3a22;outline: none}.pl-amp{font-size: 0.55em;color: #b8955a;font-weight: 400}.pl-pearl-rule{display: flex;gap: 0.5rem;align-items: center}.pl-pearl-rule i{width: 6px;height: 6px;border-radius: 50%;background: radial-gradient(circle at 35% 30%,#fff,#e3d4b4);box-shadow: 0 0 0 1px #d8c49c}.pl-pearl-rule i:nth-child(2){width: 9px;height: 9px}.pl-date{display: grid;grid-template-columns: 1fr auto 1fr;align-items: center;width: 100%;max-width: 20rem}.pl-date__side{font-family: var(--font-body);font-size: 0.92rem;color: #6d5a3b;padding-block: 0.6rem;border-block: 1px solid rgb(184 149 90 / 0.5)}.pl-date__main{display: grid;padding-inline: 1.1rem;font-size: 1.05rem;line-height: 1.1;color: #4a3a22}.pl-date__main b{font-size: 3rem;color: var(--pl-burgundy);line-height: 1}.pl-year{font-family: var(--font-kufi);color: #8a6a35;font-size: 0.9rem;margin-top: -0.5rem}.pl-venue{display: grid;font-size: 1.35rem;color: #4a3a22}.pl-venue span{font-family: var(--font-body);font-size: 0.9rem;color: #6d5a3b}.pl-extra{display: grid;justify-items: center;gap: 1.1rem}.pl-cd .cd__num{font-size: 1.6rem;color: var(--pl-burgundy)}.pl-cd .cd__unit{border-inline-start: 1px solid rgb(184 149 90 / 0.4);padding-inline: 0.4rem}.pl-cd .cd__unit:first-child{border: 0}.pl-close{font-size: 1.25rem;color: var(--pl-burgundy)}.inv--pearl .inv-map{color: #8a6a35;font-family: var(--font-body)}.pl-pearls{position: absolute;inset: 0;pointer-events: none;z-index: -1}.pl-pearls span{position: absolute;left: var(--x);top: var(--y);width: calc(var(--s) * 9px);height: calc(var(--s) * 9px);border-radius: 50%;background: radial-gradient(circle at 35% 30%,#fff,#e8dcc4 70%);box-shadow: 0 0 0 1px rgb(216 196 156 / 0.6);opacity: 0.8;animation: pl-float var(--t) ease-in-out infinite var(--d)}.inv--pearl:is([data-state="opening"],[data-state="open"]) .pl-card{animation: pl-rise 1s var(--ease-out) both 1.7s}.inv--pearl:is([data-state="opening"],[data-state="open"]) .pl-card>*{animation: pl-fade 0.8s var(--ease-out) both calc(1.95s + var(--i,8) * 0.1s)}.inv--pearl:is([data-state="opening"],[data-state="open"]) .pl-pearls{animation: pl-fade 2s ease both 1.9s}@keyframes pl-drop{from{opacity: 0;transform: translateY(-30px) rotate(-2deg)}to{opacity: 1;transform: none}}@keyframes pl-fade{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: none}}@keyframes pl-rise{from{opacity: 0;transform: translateY(60px) scale(0.96)}to{opacity: 1;transform: none}}@keyframes pl-out{to{opacity: 0}}@keyframes pl-env-out{to{opacity: 0;transform: translateY(14%) scale(0.92)}}@keyframes pl-seal{0%,100%{transform: scale(1)}50%{transform: scale(1.06)}}@keyframes pl-float{0%,100%{transform: translateY(0)}50%{transform: translateY(-14px)}}