:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E")}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;color:var(--ink,#43433A);overflow:hidden}#root{display:flex;align-items:center;justify-content:center}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--bg-base);transition:background .8s ease}.orb{position:fixed;border-radius:50%;filter:blur(64px);z-index:0;pointer-events:none;will-change:transform;transition:background .8s ease}.orb1{width:520px;height:520px;background:radial-gradient(circle,var(--orb1),transparent 70%);left:1%;top:4%;animation:drift1 19s ease-in-out infinite alternate}.orb2{width:500px;height:500px;background:radial-gradient(circle,var(--orb2),transparent 70%);right:2%;top:24%;animation:drift2 25s ease-in-out infinite alternate}.orb3{width:470px;height:470px;background:radial-gradient(circle,var(--orb3),transparent 70%);left:24%;bottom:1%;animation:drift3 22s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(0) scale(1)}to{transform:translate(95px,72px) scale(1.18)}}@keyframes drift2{0%{transform:translate(0) scale(1)}to{transform:translate(-105px,52px) scale(1.12)}}@keyframes drift3{0%{transform:translate(0) scale(1)}to{transform:translate(72px,-84px) scale(1.22)}}.glow{position:fixed;left:50%;top:45%;width:780px;height:780px;margin:-390px 0 0 -390px;z-index:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle,var(--glow-col),transparent 66%)}.warm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:var(--warm-col)}.switcher{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:3px;background:#8c8c8c24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--muted);border-radius:99px;padding:4px}.switcher button{font-family:inherit;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);background:none;border:none;border-radius:99px;padding:7px 16px;cursor:pointer;transition:color .3s,background .3s}.switcher button.on{background:var(--accent);color:var(--btn-ink)}.stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}.pill{display:inline-block;margin-bottom:14px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);border:1px solid var(--muted);border-radius:99px;padding:7px 17px;opacity:.85}.scenefit{position:relative;margin:0 auto;overflow:visible;transform-origin:50% 46%;transition:transform .7s cubic-bezier(.16,1,.3,1)}.scene{position:relative;width:600px;height:720px;cursor:pointer;perspective:1700px}.appear,.intro{position:absolute;top:0;right:0;bottom:0;left:0}.introsweep{position:fixed;left:50%;top:50%;width:640px;height:560px;transform:translate(-50%,-52%);pointer-events:none;z-index:9;background:linear-gradient(115deg,transparent 40%,var(--sheen-col) 50%,transparent 60%);background-size:240% 100%;background-repeat:no-repeat}.breathe{position:absolute;top:0;right:0;bottom:0;left:0}.breathe.idle{animation:breathe 4.6s ease-in-out infinite}@keyframes breathe{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(.45deg)}}.tilt{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.stage3d{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateX(18deg);transform-style:preserve-3d;transition:transform .9s cubic-bezier(.16,1,.3,1)}.stage3d.dolly{transform:rotateX(23deg) scale(1.02)}.lay{position:absolute;left:20px;top:210px;width:560px;height:380px}.lay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grain);opacity:var(--grain-opacity,.12);mix-blend-mode:multiply}.back{height:345px;background:var(--liner-bg);box-shadow:inset 0 2px 18px #00000038}.back:after{opacity:.05}.card{position:absolute;left:117px;top:167px;width:366px;height:466px;overflow:hidden;border-radius:8px;background:var(--card-bg);box-shadow:0 18px 44px -14px #14100880;display:flex;flex-direction:column;transform-origin:50% 50%}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--grain);opacity:.05;mix-blend-mode:overlay;pointer-events:none}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:linear-gradient(180deg,rgba(10,8,4,.34),transparent 44%);opacity:0;transition:opacity .5s ease;pointer-events:none}.card.peeking:before{opacity:.4}.card.finish-foil{border:1.5px solid transparent;background:linear-gradient(var(--card-bg),var(--card-bg)) padding-box,var(--foil) border-box;box-shadow:0 18px 44px -14px #14100899,0 0 22px -8px var(--accent)}.cmotif{height:78px;flex:none;position:relative}.cmotif svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ctext{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 30px}.kick{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.head{font-family:var(--head-font);font-weight:600;font-size:var(--head-size,44px);line-height:.98;color:var(--ink);margin:4px 0 8px}.when{font-size:12px;letter-spacing:.05em;color:var(--ink)}.names{font-family:var(--head-font);font-style:var(--names-style,italic);font-size:21px;color:var(--accent);margin-top:12px;letter-spacing:.02em;-webkit-mask-image:linear-gradient(90deg,#000 38%,transparent 62%);-webkit-mask-size:300% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:0% 0%}.cbtn{display:inline-block;margin-top:16px;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--btn-ink);background:linear-gradient(180deg,var(--seal-lt),var(--seal));border-radius:99px;padding:8px 24px;text-decoration:none;box-shadow:0 5px 13px #00000047}.cbtn.breath{animation:btnbreath 2.4s cubic-bezier(.45,0,.55,1) 1.9s 2}@keyframes btnbreath{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.lfold{clip-path:polygon(0 0,0 100%,58% 50%);background:linear-gradient(90deg,#00000008,#00000021 57%),linear-gradient(90deg,var(--paper-hi),var(--paper-lo))}.rfold{clip-path:polygon(100% 0,100% 100%,42% 50%);background:linear-gradient(270deg,#00000008,#00000021 57%),linear-gradient(270deg,var(--paper-hi),var(--paper-lo))}.bfold{clip-path:polygon(0 100%,100% 100%,50% 40%);background:linear-gradient(0deg,var(--paper-hi) 30%,var(--paper-lo))}.flap{position:absolute;left:20px;top:210px;width:560px;height:218px;transform-style:preserve-3d;transform-origin:50% 0;filter:var(--flap-edge,drop-shadow(0 4px 9px rgba(0,0,0,.26)))}.ff{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:var(--flap-clip,polygon(0 0,100% 0,50% 100%));backface-visibility:hidden}.ff-front{background:linear-gradient(180deg,var(--paper-hi),var(--paper-lo))}.ff-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;clip-path:var(--flap-clip,polygon(0 0,100% 0,50% 100%));background:var(--grain);opacity:var(--grain-opacity,.12);mix-blend-mode:multiply}.sheen{background:linear-gradient(115deg,transparent 30%,var(--sheen-col) 48%,transparent 62%);background-size:260% 100%;mix-blend-mode:screen;animation:sheen 8s ease-in-out infinite;pointer-events:none}@keyframes sheen{0%,46%{background-position:130% 0}64%,to{background-position:-30% 0}}.ff-liner{background:var(--liner-bg);transform:rotateX(180deg) translateZ(.5px)}.flapopen{position:absolute;left:20px;top:20px;width:560px;height:190px;clip-path:var(--flapopen-clip,polygon(0 100%,100% 100%,50% 0));transform-origin:50% 100%;background:var(--liner-bg);box-shadow:0 -5px 14px #0003}.seal{position:absolute;left:50%;top:398px;width:60px;height:60px;margin:-30px 0 0 -30px}.seal-h{position:absolute;top:0;height:100%;width:50%;overflow:hidden;background:radial-gradient(circle at 36% 32%,var(--seal-lt) 0%,var(--seal) 56%,var(--seal-dk) 100%);box-shadow:inset 0 -3px 5px #00000073,inset 0 3px 4px #ffffff59}.seal-h.l{left:0;border-radius:30px 0 0 30px}.seal-h.r{left:50%;border-radius:0 30px 30px 0}.seal-drips{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;z-index:-1;pointer-events:none;background:radial-gradient(7px 11px at 22% 88%,var(--seal-dk) 58%,transparent 60%),radial-gradient(6px 9px at 78% 85%,var(--seal) 58%,transparent 60%),radial-gradient(4px 7px at 55% 97%,var(--seal-dk) 58%,transparent 60%)}.seal-gloss{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 32% 26%,var(--seal-gloss) 0 13%,transparent 40%)}.seal-gloss:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(115deg,transparent 42%,var(--seal-gloss) 50%,transparent 58%);background-size:300% 100%;background-position:120% 0;opacity:.85;display:none}.seal-gloss.glinting:after{display:block;animation:glint 4.5s ease-in-out infinite}@keyframes glint{0%,55%{background-position:120% 0}70%,to{background-position:-40% 0}}.seal-mark{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--head-font);font-size:23px;font-weight:600;color:var(--btn-ink);text-shadow:0 1px 1px rgba(0,0,0,.5),0 -1px 1px rgba(255,255,255,.3)}.seal .crack{position:absolute;left:0;top:0;width:100%;height:100%;z-index:7;pointer-events:none;overflow:visible}.seal-pulse{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;z-index:-1;pointer-events:none;background:radial-gradient(circle,var(--accent),transparent 66%);animation:sealpulse 2.4s ease-out infinite}@keyframes sealpulse{0%{transform:scale(.8);opacity:.55}70%{transform:scale(1.75);opacity:0}to{opacity:0}}.burst{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none}.ring{position:absolute;left:50%;top:398px;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;border:2px solid var(--seal-lt);box-shadow:0 0 18px var(--seal-lt)}.crumb{position:absolute;left:50%;top:398px;border-radius:42% 58% 50% 50%;will-change:transform}.rays{position:absolute;left:50%;top:400px;width:760px;height:760px;margin:-380px 0 0 -380px;pointer-events:none;background:repeating-conic-gradient(from 0deg,var(--ray-col) 0 5deg,transparent 5deg 14deg);-webkit-mask-image:radial-gradient(circle,#000 0 26%,transparent 64%);mask-image:radial-gradient(circle,#000 0 26%,transparent 64%);transform:translateZ(-60px);animation:rayspin 38s linear infinite;will-change:transform}@keyframes rayspin{0%{transform:translateZ(-60px) rotate(0)}to{transform:translateZ(-60px) rotate(360deg)}}.petals{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;pointer-events:none;overflow:hidden}.petal{position:absolute;top:0;border-radius:62% 8%;opacity:0;will-change:transform}.spark{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--seal-lt),var(--accent));box-shadow:0 0 8px var(--accent);will-change:transform,opacity}.motes{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.motes span{position:absolute;bottom:-10px;width:5px;height:5px;border-radius:50%;background:var(--glow-col);box-shadow:0 0 7px var(--glow-col);animation:mote linear infinite}@keyframes mote{0%{transform:translate(0);opacity:0}12%{opacity:.85}88%{opacity:.85}to{transform:translate(22px,-92vh);opacity:0}}.hint{margin-top:16px;height:20px;font-size:13px;color:var(--muted);letter-spacing:.04em}.badge{position:fixed;bottom:15px;left:15px;font-size:11px;color:var(--muted);letter-spacing:.09em;text-transform:uppercase}@media (prefers-reduced-motion:reduce){.orb1,.orb2,.orb3,.breathe.idle,.seal-pulse,.seal-gloss.glinting:after,.sheen,.rays,.cbtn.breath,.motes span{animation:none!important}.names{-webkit-mask-image:none}}