.inv-stage{z-index:60;background:radial-gradient(120% 90% at 50% 40%, var(--background), color-mix(in oklab, var(--secondary) 80%, var(--gold) 6%));perspective:1400px;place-items:center;transition:opacity .65s,transform .65s;display:grid;position:fixed;inset:0;overflow:hidden}.inv-leaving{opacity:0;transform:scale(1.03)}.inv-glow{background:radial-gradient(circle, color-mix(in oklab, var(--gold) 28%, transparent), transparent 65%);opacity:0;filter:blur(10px);border-radius:50%;width:520px;height:520px;transition:opacity 1.6s;position:absolute}.inv-stage[data-stage="3"] .inv-glow,.inv-stage[data-stage="4"] .inv-glow{opacity:1}.inv-envelope{--w:min(82vw, 360px);--h:calc(var(--w) * .66);width:var(--w);height:var(--h);transform-style:preserve-3d;filter:drop-shadow(0 30px 40px color-mix(in oklab, var(--primary) 22%, transparent));transition:transform 1s cubic-bezier(.65,0,.35,1),opacity .8s;animation:1.3s cubic-bezier(.16,1,.3,1) both inv-swoop;position:relative}@keyframes inv-swoop{0%{opacity:0;transform:translate(-60vw,-30vh)rotate(-24deg)scale(.6)}60%{opacity:1}to{opacity:1;transform:none}}.inv-stage[data-stage="3"] .inv-envelope{transform:translateY(14vh)}.inv-stage[data-stage="4"] .inv-envelope{opacity:0;transform:translateY(40vh)scale(.92)}.inv-back,.inv-pocket{background:linear-gradient(160deg, var(--paper), color-mix(in oklab, var(--paper) 88%, var(--gold-deep)));border-radius:6px;position:absolute;inset:0}.inv-back{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--gold) 55%, transparent)}.inv-pocket{z-index:3;clip-path:polygon(0 0,50% 55%,100% 0,100% 100%,0 100%);background:linear-gradient(180deg, color-mix(in oklab, var(--paper) 94%, var(--gold-deep)), var(--paper));box-shadow:inset 0 -1px 0 color-mix(in oklab, var(--gold) 70%, transparent)}.inv-pocket:after{content:"";box-shadow:inset 0 0 0 1.5px var(--gold);border-radius:6px;position:absolute;inset:0}.inv-flap{z-index:4;transform-origin:top;height:58%;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.65,0,.35,1),z-index 0s .45s;position:absolute;inset:0 0 auto}.inv-flap-face{clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(180deg, color-mix(in oklab, var(--paper) 90%, var(--gold-deep)), var(--paper));border-top:1.5px solid var(--gold);position:absolute;inset:0}.inv-stage[data-stage="2"] .inv-flap,.inv-stage[data-stage="3"] .inv-flap,.inv-stage[data-stage="4"] .inv-flap{z-index:1;transform:rotateX(180deg)}.inv-seal{z-index:5;background:radial-gradient(circle at 35% 30%, color-mix(in oklab, var(--gold) 70%, white), var(--gold) 45%, var(--gold-deep));width:58px;height:58px;box-shadow:0 4px 10px color-mix(in oklab, var(--gold-deep) 45%, transparent), inset 0 0 0 4px color-mix(in oklab, var(--gold-deep) 35%, transparent);color:color-mix(in oklab, var(--gold-deep) 70%, var(--primary));letter-spacing:.05em;border-radius:50%;place-items:center;margin:-29px 0 0 -29px;font-size:18px;transition:transform .7s cubic-bezier(.65,0,.35,1),opacity .5s;display:grid;position:absolute;top:58%;left:50%;overflow:hidden}.inv-seal:after{content:"";background:linear-gradient(90deg,#0000,oklab(100% 0 5.96046e-8/.7),#0000);position:absolute;inset:-40%;transform:translate(-120%)rotate(25deg)}.inv-stage[data-stage="1"] .inv-seal:after{animation:.8s inv-shine}@keyframes inv-shine{to{transform:translate(120%)rotate(25deg)}}.inv-stage[data-stage="2"] .inv-seal,.inv-stage[data-stage="3"] .inv-seal,.inv-stage[data-stage="4"] .inv-seal{opacity:0;transform:translateY(-10px)scale(.6)rotate(-20deg)}.inv-letter{z-index:2;background:var(--card);box-shadow:0 -6px 20px color-mix(in oklab, var(--primary) 10%, transparent);border-radius:4px;flex-direction:column;align-items:center;gap:10px;padding-top:18px;transition:transform 1.1s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:8% 6% 6%}.inv-letter-rule{background:var(--gold);width:40px;height:1px}.inv-letter-mark{color:var(--gold-deep);font-size:15px;font-style:italic}.inv-stage[data-stage="3"] .inv-letter,.inv-stage[data-stage="4"] .inv-letter{transform:translateY(-62%)}.inv-card{background:var(--card);width:min(90vw,420px);box-shadow:0 40px 80px -20px color-mix(in oklab, var(--primary) 30%, transparent);opacity:0;pointer-events:none;border-radius:6px;padding:10px;transition:opacity .9s,transform 1.1s cubic-bezier(.16,1,.3,1);position:absolute;transform:translateY(40px)scale(.9)}.inv-stage[data-stage="4"] .inv-card{opacity:1;pointer-events:auto;transform:none}.inv-card-border{border:1px solid var(--gold);outline:1px solid color-mix(in oklab, var(--gold) 45%, transparent);outline-offset:-6px;text-align:center;flex-direction:column;align-items:center;padding:40px 28px 28px;display:flex}.inv-crest{width:54px;height:54px;color:var(--gold-deep);border:1px solid var(--gold);background:radial-gradient(circle, color-mix(in oklab, var(--gold) 14%, transparent), transparent 70%);border-radius:50%;place-items:center;margin-bottom:18px;font-size:18px;display:grid}.inv-card>div>*{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(8px)}.inv-stage[data-stage="4"] .inv-card>div>*{opacity:1;transform:none}.inv-stage[data-stage="4"] .inv-card>div>:nth-child(2){transition-delay:.25s}.inv-stage[data-stage="4"] .inv-card>div>:nth-child(3){transition-delay:.4s}.inv-stage[data-stage="4"] .inv-card>div>:nth-child(4){transition-delay:.55s}.inv-stage[data-stage="4"] .inv-card>div>:nth-child(n+5){transition-delay:.7s}.inv-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--gold-deep);font-size:10px;font-weight:600}.inv-title{background:linear-gradient(110deg, var(--gold-deep) 20%, var(--gold) 45%, var(--gold-deep) 70%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin-top:14px;font-size:2.4rem;line-height:1.1}.inv-stage[data-stage="4"] .inv-title{animation:3s 1s both inv-foil}@keyframes inv-foil{0%{background-position:100% 0}to{background-position:0 0}}.inv-divider{background:var(--gold);width:60px;height:1px;margin:20px 0}.inv-body{color:var(--muted-foreground);max-width:32ch;font-size:14px;line-height:1.7}.inv-italic{color:var(--foreground);margin-top:12px;font-size:15px;font-style:italic}.inv-accept{letter-spacing:.14em;text-transform:uppercase;width:100%;color:var(--primary-foreground);background:var(--primary);box-shadow:inset 0 0 0 1px var(--gold);border-radius:999px;margin-top:28px;padding:15px 20px;font-size:13px;font-weight:600;transition:transform .3s,box-shadow .3s}.inv-accept:hover{box-shadow:inset 0 0 0 1px var(--gold), 0 10px 24px -10px var(--gold-deep);transform:translateY(-1px)}.inv-accept:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.inv-fine{letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);margin-top:14px;font-size:10px}