.envelope-gate{z-index:50;background:var(--envelope-bg,#efe9e1);perspective:1600px;perspective-origin:var(--envelope-seal-x,53.5%) var(--envelope-seal-y,78.9%);place-items:center;transition:background 1.2s;display:grid;position:fixed;inset:0;overflow:hidden}.envelope-scope{isolation:isolate;position:relative;overflow:hidden}.envelope-scope .envelope-gate{position:absolute}.envelope-gate[data-state=open]{perspective:none;z-index:auto;background:0 0;transition:none;display:block;position:static;overflow:visible}.envelope-gate[data-state=open] .envelope-card{opacity:1;pointer-events:auto;background:0 0;animation:none;position:static;overflow:visible;transform:none}.envelope-gate[data-state=open] .envelope-card-page{pointer-events:auto;position:static;overflow:visible}.envelope-scope .envelope-gate[data-state=open],.envelope-scope .envelope-gate[data-state=open] .envelope-card,.envelope-scope .envelope-gate[data-state=open] .envelope-card-page{position:absolute;inset:0}.envelope{z-index:2;block-size:100%;inline-size:100%;position:relative}.envelope-frame{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;block-size:100%;inline-size:100%;position:absolute;inset:0}.envelope-video-source{opacity:0;pointer-events:none;block-size:1px;inline-size:1px;position:absolute}.envelope-card{z-index:1;background:var(--envelope-card,#f4efe6);opacity:0;pointer-events:none;will-change:opacity;position:absolute;inset:0;overflow:hidden}.envelope-gate[data-state=opening] .envelope-card{animation:envelope-card-arrive var(--envelope-open-ms,2s) cubic-bezier(.4, 0, .2, 1) forwards}@keyframes envelope-card-arrive{0%{opacity:1}to{opacity:1}}.envelope-card-page{pointer-events:none;position:absolute;inset:0;overflow:hidden}.envelope-seal{inline-size:var(--envelope-seal-size,17%);aspect-ratio:1;z-index:8;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:scale .24s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;inset-block-start:var(--envelope-seal-y,78.9%);inset-inline-start:var(--envelope-seal-x,53.5%);translate:-50% -50%}.envelope-seal:hover{scale:1.04}.envelope-seal:active{scale:.97}.envelope-seal:focus-visible{outline-offset:6px;outline:2px solid #2b211866}.envelope-gate[data-state=opening] .envelope-seal{pointer-events:none}.envelope-pulse{inline-size:var(--envelope-seal-size,17%);aspect-ratio:1;z-index:7;pointer-events:none;border-radius:50%;animation:3.2s ease-out infinite envelope-pulse;position:absolute;inset-block-start:var(--envelope-seal-y,78.9%);inset-inline-start:var(--envelope-seal-x,53.5%);translate:-50% -50%;box-shadow:0 0 #9a8a7466}@keyframes envelope-pulse{0%{box-shadow:0 0 #9a8a7459}70%{box-shadow:0 0 0 14% #9a8a7400}to{box-shadow:0 0 #9a8a7400}}.envelope-gate[data-state=opening] .envelope-pulse,.envelope-gate[data-ready=false] .envelope-pulse{opacity:0;animation:none}.envelope-progress{inline-size:calc(var(--envelope-seal-size,17%) * 1.22);aspect-ratio:1;z-index:7;pointer-events:none;fill:none;stroke-width:1.6px;transition:opacity .6s;position:absolute;inset-block-start:var(--envelope-seal-y,78.9%);inset-inline-start:var(--envelope-seal-x,53.5%);translate:-50% -50%;rotate:-90deg}.envelope-progress-track{stroke:#9a8a742e}.envelope-progress-fill{stroke:#9a8a74d9;stroke-linecap:round;transition:stroke-dashoffset .3s ease-out}.envelope-gate[data-ready=true] .envelope-progress{opacity:0}.envelope-hint{text-align:center;letter-spacing:.26em;text-transform:uppercase;z-index:8;color:var(--envelope-hint,#7d6a56);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:.625rem;position:absolute;inset-block-end:9%;inset-inline:0}.envelope-gate[data-state=opening] .envelope-hint{animation:.32s forwards envelope-hint-out}@keyframes envelope-hint-out{to{opacity:0}}.envelope-skip{z-index:8;letter-spacing:.22em;text-transform:uppercase;inline-size:fit-content;color:var(--envelope-hint,#7d6a56);opacity:.6;cursor:pointer;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:0 0;border:0;margin-inline:auto;padding:.5rem 1.25rem;font-size:.625rem;transition:opacity .2s;position:absolute;inset-block-end:2.5%;inset-inline:0}.envelope-skip:hover,.envelope-skip:focus-visible{opacity:1}.envelope-gate[data-state=opening] .envelope-skip{animation:.32s forwards envelope-hint-out}@media (prefers-reduced-motion:reduce){.envelope-gate[data-state=opening] .envelope-seal,.envelope-pulse{animation:none}.envelope-gate[data-state=opening] .envelope{opacity:0;transition:opacity .4s}.envelope-gate[data-state=opening] .envelope-card{animation:.4s forwards envelope-card-instant}@keyframes envelope-card-instant{to{opacity:1;transform:scale(1)}}}