.envelope-intro{width:100%;height:100%;overflow:hidden;container-type:size;background:var(--envelope-intro-paper,#f3ede3);transition:background var(--pullback-duration) var(--pullback-ease)}.envelope-intro.pullback{background:#ebe4d8}.envelope-intro *,.envelope-intro :after,.envelope-intro :before{box-sizing:border-box}.envelope-intro .scene{width:100%;height:100%;perspective:1200px;perspective-origin:50% 40%;transform-origin:50% 50%;--scene-zoom:1.12;--pullback-duration:20s;--pullback-ease:cubic-bezier(0.33,0,0.15,1);transform:scale(var(--scene-zoom));transition:transform var(--pullback-duration) var(--pullback-ease);will-change:transform}.envelope-intro .scene.pullback{transition:none;animation:envelope-intro-scene-pullback var(--pullback-duration) var(--pullback-ease) forwards}@keyframes envelope-intro-scene-pullback{0%{transform:scale(var(--scene-zoom))}20%{transform:scale(calc(var(--scene-zoom) * .955))}50%{transform:scale(calc(var(--scene-zoom) * .92))}80%{transform:scale(calc(var(--scene-zoom) * .9))}to{transform:scale(1)}}.envelope-intro.envelope-intro--contained .scene.pullback{animation:none;transform:scale(1)}.envelope-intro .envelope{position:relative;width:100%;height:100%;cursor:pointer;overflow:visible;--paper:#f6eee3;--env-texture:none;--flap-shadow-color:rgba(80,50,0,0.1);--flap-shadow-left:-4px 5px 8px rgba(80,50,0,0.22);--flap-shadow-right:1px 2px 2px rgba(80,50,0,0.06);--flap-duration:12s;--flap-ease:cubic-bezier(0.4,0,0.2,1);--flap-meet-y:42%;--flap-shoulder-y:17%;--flap-edge-inset:-8%;--wax-seal-lift:10%;--flap-inner-border-color:#eddac8;--flap-clip:polygon(var(--flap-edge-inset) 0,calc(100% - var(--flap-edge-inset)) 0,calc(100% - var(--flap-edge-inset)) var(--flap-shoulder-y),50% var(--flap-meet-y),var(--flap-edge-inset) var(--flap-shoulder-y));--flap-inner-clip:polygon(var(--flap-edge-inset) 0,calc(100% - var(--flap-edge-inset)) 0,calc(100% - var(--flap-edge-inset) - 2.18%) 11.95%,50% 36.95%,calc(var(--flap-edge-inset) + 2.18%) 11.95%);--pocket:#c9b68f;--pocket-depth:30%;--pocket-bottom-left:25%;--pocket-bottom-right:75%;--pocket-clip:polygon(0 0,100% 0,var(--pocket-bottom-right) var(--pocket-depth),var(--pocket-bottom-left) var(--pocket-depth))}.envelope-intro .texture{background-color:var(--paper);background-image:linear-gradient(var(--env-overlay,transparent),var(--env-overlay,transparent)),var(--env-texture);background-size:cover,cover;background-repeat:no-repeat;background-position:50%,50%}.envelope-intro .envelope-body{position:absolute;inset:0;z-index:0}.envelope-intro .envelope-pocket{background:var(--pocket)}.envelope-intro .envelope-pocket,.envelope-intro .envelope-pocket:before{position:absolute;inset:0;clip-path:var(--pocket-clip);pointer-events:none}.envelope-intro .envelope-pocket:before{content:"";box-shadow:inset 0 0 12px rgba(45,34,22,.1)}.envelope-intro .envelope-pocket-shadow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.envelope-intro .envelope-pocket-shadow path{fill:none;stroke:rgba(45,34,22,.35);stroke-width:8;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:blur(1.5px)}.envelope-intro .envelope-inner,.envelope-intro .flap-hinge{position:absolute;inset:0;transform-style:preserve-3d}.envelope-intro .flap-hinge-top{z-index:2;transform-origin:50% 0;transition:transform var(--flap-duration) var(--flap-ease)}.envelope-intro .envelope.open .flap-hinge-top{transform:rotateX(-165deg)}.envelope-intro .flap{position:absolute;inset:0}.envelope-intro .flap-top{z-index:1;transform-style:preserve-3d}.envelope-intro .flap-top-surface{position:absolute;inset:0;transform-style:preserve-3d;filter:drop-shadow(var(--flap-shadow-left)) drop-shadow(var(--flap-shadow-right))}.envelope-intro .flap-top .flap-face{position:absolute;inset:0;backface-visibility:hidden;clip-path:var(--flap-clip)}.envelope-intro .flap-front{position:absolute;inset:0}.envelope-intro .flap-front-border{position:absolute;inset:0;background:var(--flap-inner-border-color);clip-path:var(--flap-clip)}.envelope-intro .flap-face-inner{position:absolute;inset:0;clip-path:var(--flap-inner-clip)}.envelope-intro .flap-top .flap-back{background-image:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.28)),var(--env-texture);transform:rotateX(180deg)}.envelope-intro .wax-seal-overlay{position:absolute;inset:0;z-index:50;pointer-events:none}.envelope-intro .wax-seal-pivot{position:absolute;top:0;left:50%;width:0;height:var(--flap-meet-y);transform-origin:50% 0;transition:transform var(--flap-duration) var(--flap-ease)}.envelope-intro .envelope.open .wax-seal-pivot{transform:perspective(1200px) rotateX(-165deg)}.envelope-intro .wax-seal{position:absolute;left:50%;bottom:0;width:clamp(72px,38vmin,400px);max-width:none;height:auto;display:block;transform:translate(-50%,calc(50% - var(--wax-seal-lift)));pointer-events:auto;cursor:pointer}@supports (width:1cqmin){.envelope-intro .wax-seal{width:clamp(72px,38cqmin,400px)}}.envelope-intro.envelope-intro--contained{--scene-zoom:1}.envelope-intro.envelope-intro--contained .scene{transform:scale(1);perspective-origin:50% 50%}.envelope-intro.envelope-intro--contained .wax-seal{width:clamp(64px,40cqmin,188px)}@supports not (width:1cqmin){.envelope-intro.envelope-intro--contained .wax-seal{width:clamp(64px,32vw,168px)}}.envelope-intro{--fade-delay:2.5s;--fade-duration:1.2s}.envelope-intro.fade-away{animation:envelope-intro-fade-out var(--fade-duration) ease-out var(--fade-delay) forwards}@keyframes envelope-intro-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.envelope-intro.fade-away{animation:envelope-intro-fade-out-reduced .35s ease-out forwards}@keyframes envelope-intro-fade-out-reduced{0%{opacity:1}to{opacity:0}}}.intro-tap-loading{--intro-tap-loading-bg:#faf8f5;--intro-tap-loading-beat:#ebe4d8;position:absolute;inset:0;z-index:10;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;touch-action:none;background-color:var(--intro-tap-loading-bg)}.intro-tap-loading__pulse{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--intro-tap-loading-beat) 70%,transparent) 0,transparent 68%);animation:intro-tap-loading-beat 1.35s ease-in-out infinite}.intro-tap-loading__shimmer{position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.45) 45%,transparent 90%);transform:translateX(-120%);animation:intro-tap-loading-shimmer 1.35s ease-in-out infinite;pointer-events:none}@keyframes intro-tap-loading-beat{0%,to{opacity:.35}14%{opacity:.72}28%{opacity:.42}42%{opacity:.8}58%,to{opacity:.35}}@keyframes intro-tap-loading-shimmer{0%{transform:translateX(-120%)}to{transform:translateX(120%)}}@media (prefers-reduced-motion:reduce){.intro-tap-loading__pulse,.intro-tap-loading__shimmer{animation:none}.intro-tap-loading__pulse{opacity:.5}}