.eo{--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.eo *{box-sizing:border-box;margin:0;padding:0}.eo .card{text-align:center;background:radial-gradient(at 50% 30%,#fffdf8,#f6efe2 70%,#efe4d0);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.eo .card:before{content:"";inset:calc(var(--u)*18);box-shadow:inset 0 0 0 calc(var(--u)*5) #fbf6ec, inset 0 0 0 calc(var(--u)*6) #d6bd8a8c;border:1px solid #d6bd8a;position:absolute}.eo .ci{padding:0 calc(var(--u)*40);position:relative}.eo .ci .k{font:500 calc(var(--u)*11)/1 var(--font-cinzel), serif;letter-spacing:.38em;color:#a0814f;text-transform:uppercase}.eo .ci h4{margin:calc(var(--u)*18) 0 calc(var(--u)*14);font:400 calc(var(--u)*50)/1.05 var(--font-pinyon-script), cursive;color:#6d4f24}.eo .ci h4 span{color:#b8986a;font-size:.55em;display:block}.eo .ci .d{font:500 calc(var(--u)*17)/1.3 var(--font-cormorant-garamond), serif;color:#4b3f31}.eo .ci .v{margin-top:calc(var(--u)*6);font:italic 400 calc(var(--u)*15)/1.3 var(--font-cormorant-garamond), serif;color:#7a6a55}.eo .ov{z-index:5;position:absolute;inset:0;overflow:hidden}.eo .tap{left:0;right:0;bottom:calc(var(--u)*50);z-index:20;pointer-events:none;justify-content:center;display:flex;position:absolute}.eo .tap span{align-items:center;gap:calc(var(--u)*12);font:500 calc(var(--u)*11.5)/1 var(--font-cinzel), serif;letter-spacing:.38em;text-transform:uppercase;color:var(--tap,#8a6a35);padding-left:.38em;animation:2.8s ease-in-out infinite eo-breathe;display:flex}.eo .tap span:before,.eo .tap span:after{content:"";width:calc(var(--u)*30);opacity:.6;background:currentColor;height:1px}.eo .tap.pill span{padding:calc(var(--u)*9) calc(var(--u)*16) calc(var(--u)*8) calc(var(--u)*20);box-shadow:0 calc(var(--u)*4) calc(var(--u)*14) #5a3c1e2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffcf5d1;border-radius:999px}.eo .tap.pill span:before,.eo .tap.pill span:after{display:none}.eo .flash{z-index:15;opacity:0;pointer-events:none;background:radial-gradient(circle,#fffdf6,#f8efdf);position:absolute;inset:0}.eo .art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.eo .petals{pointer-events:none;z-index:8;position:absolute;inset:0}.eo .petal{top:calc(var(--u)*-24);left:var(--x);width:calc(var(--u) * 11 * var(--s));height:calc(var(--u) * 8 * var(--s));opacity:0;box-shadow:inset 0 0 calc(var(--u)*2) #fff9;animation:eo-petalFall var(--t) linear var(--d) infinite;background:linear-gradient(135deg,#fffdf6,#f1e5cc 70%,#ddc9a2);border-radius:75% 0;position:absolute}.eo .petal.pk{background:linear-gradient(135deg,#fff6f0,#f5ddce 60%,#e6c2aa)}.eo .petal.dz{width:calc(var(--u) * 4 * var(--s));height:calc(var(--u) * 14 * var(--s));background:linear-gradient(#fff,#efe9da);border-radius:50%}@keyframes eo-petalFall{0%{opacity:0;transform:translate(0)rotate(0)}8%{opacity:.95}50%{transform:translate(calc(var(--u)*34), calc(var(--u)*380)) rotate(260deg)}92%{opacity:.9}to{transform:translate(calc(var(--u)*-6), calc(var(--u)*780)) rotate(520deg);opacity:0}}@keyframes eo-breathe{0%,to{opacity:.55}50%{opacity:1}}@keyframes eo-fadeOut{to{opacity:0;visibility:hidden}}@keyframes eo-flashIn{0%{opacity:0}45%{opacity:1}to{opacity:1}}@keyframes eo-cardIn{0%{opacity:0;transform:translateY(calc(var(--u)*16)) scale(.98);filter:blur(5px)}to{opacity:1;filter:none;transform:none}}@keyframes eo-sheen{0%,55%{background-position:115% 0}to{background-position:-15% 0}}.eo .open .ov{animation:eo-fadeOut .55s var(--end,2.3s) ease both;pointer-events:none}.eo .open .tap{animation:.35s both eo-fadeOut}.eo .open .ci{animation:eo-cardIn 1.1s calc(var(--end,2.3s) + 50ms) cubic-bezier(.2,.7,.2,1) both}.eo .open .flash{animation:eo-flashIn .9s var(--flash,1.6s) ease-in-out both}.eo .foil{background:linear-gradient(100deg,#9c7632 0%,#f6e1a4 22%,#c9a050 40%,#fff1c4 50%,#b88d3e 62%,#f3d98f 80%,#9c7632 100%) 0 0/250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite eo-foil}.eo .foil.deep{filter:drop-shadow(0 calc(var(--u)*.8) 0 #ffffffbf);background-image:linear-gradient(100deg,#6a4514 0%,#a8782f 22%,#d9b166 38%,#f1d692 48%,#93641f 60%,#c39548 80%,#6a4514 100%)}@keyframes eo-foil{0%,to{background-position:100% 0}50%{background-position:0 0}}@media (prefers-reduced-motion:reduce){.eo .screen *,.eo .screen :before,.eo .screen :after{animation:none!important}.eo .open .ov{animation:.6s both eo-fadeOut!important}}.eo{position:absolute;inset:0;overflow:hidden;container-type:inline-size}.eo .screen{--u:calc(100cqw / 393);isolation:isolate;width:100%;height:100%;position:absolute;inset:0;overflow:hidden;transform:translateZ(0)}
