:root{--ink:#1e1408;--cream:#fdfbf7;--gold:#c9a45c;--gold2:#9a7b3f}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--ink);background:linear-gradient(160deg,#fdfbf7,#f2ede4 60%,#eadfcc);min-height:100vh;font-family:Jost,sans-serif;overflow-x:hidden}canvas#mist{z-index:0;position:fixed;inset:0}.glow{pointer-events:none;z-index:1;background:radial-gradient(circle,#c9a45c47,#0000 65%);border-radius:50%;width:600px;height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}header{z-index:3;justify-content:space-between;align-items:center;padding:28px 48px;display:flex;position:relative}.logo{letter-spacing:.3em;font-family:Poppins,Tahoma,sans-serif;font-size:18px;font-weight:500}.tag{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-size:14px}main{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:1360px;min-height:calc(100vh - 90px);margin:0 auto;padding:20px 48px 60px;display:flex;position:relative}.eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-size:40px}h1{text-transform:uppercase;letter-spacing:.04em;margin:20px 0 26px;font-family:Jost,sans-serif;font-size:clamp(52px,8vw,128px);font-weight:400;line-height:.95}h1 em{color:var(--gold2);font-style:normal;font-weight:300}h1 .ch{opacity:0;animation:1s cubic-bezier(.2,.8,.2,1) forwards up;display:inline-block;transform:translateY(60%)rotate(8deg)}@keyframes up{to{opacity:1;transform:none}}.lead{color:#7a6c58;max-width:560px;margin:0 auto;font-size:20px;font-weight:300;line-height:1.6}.count{justify-content:center;gap:14px;margin:36px 0;display:flex}.count div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#fff9;border:1px solid #1e14081f;border-radius:18px;min-width:92px;padding:16px 10px}.count b{font-family:Jost,sans-serif;font-size:40px;font-weight:300;line-height:1;display:block}.count span{letter-spacing:.25em;text-transform:uppercase;color:#7a6c58;font-size:12px}form{background:#fff;border:1px solid #1e140833;border-radius:24px;gap:10px;max-width:500px;padding:6px;display:flex}input{color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 16px;font-size:17px}input::placeholder{color:#a89a86}button{background:var(--ink);color:var(--cream);cursor:pointer;border:0;border-radius:18px;padding:15px 26px;font:600 17px Jost,sans-serif;transition:background .3s}button:hover{background:var(--gold2)}.note{color:#7a6c58;margin-top:14px;font-size:15px}.stage{justify-content:center;align-items:center;height:600px;display:flex;position:relative}.ring{border:1px solid #9a7b3f73;border-radius:50%;position:absolute}.r1{width:420px;height:420px;animation:40s linear infinite spin}.r2{opacity:.5;border-style:dashed;width:560px;height:560px;animation:70s linear infinite reverse spin}.r1:after{content:"";background:var(--gold);width:12px;height:12px;box-shadow:0 0 20px var(--gold);border-radius:50%;position:absolute;top:-6px;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.orbit-text{width:500px;height:500px;animation:30s linear infinite spin;position:absolute}.orbit-text text{letter-spacing:.42em;fill:var(--gold2);text-transform:uppercase;font:500 15px Jost}.bottle{z-index:2;width:230px;transition:transform .3s ease-out;animation:6s ease-in-out infinite float;position:relative}.cap{aspect-ratio:3/4;filter:drop-shadow(0 30px 40px #1e14082e);width:100%;position:relative}.cap-top,.cap-bot{position:absolute;left:0;right:0}.cap-top{background:radial-gradient(120% 90% at 35% 25%,#fbf6ec,#e9dfcd 60%,#d8cbb2);border-radius:46% 46% 8% 8%/60% 60% 6% 6%;height:50%;top:0}.cap-top i{background:#8a7a62;border-radius:50%;width:5px;height:5px;animation:2.4s ease-in-out infinite dot;position:absolute;top:52%;left:50%}.cap-top i:first-child{transform:translate(-50%,-12px)}.cap-top i:nth-child(2){transform:translate(-50%,10px)}.cap-top i:nth-child(3){transform:translate(-14px,-1px)}.cap-top i:nth-child(4){transform:translate(8px,-1px)}.cap-top i:nth-child(2){animation-delay:.3s}.cap-top i:nth-child(3){animation-delay:.6s}.cap-top i:nth-child(4){animation-delay:.9s}@keyframes dot{50%{background:#c9a45c;box-shadow:0 0 8px #c9a45c}}.cap-bot{background:linear-gradient(90deg,#9c8a6e,#d9c9a8 22%,#f3e7cc 34%,#c4b08c 55%,#8c7a5e 85%,#a8967a);border-radius:8% 8% 50% 50%/6% 6% 70% 70%;height:51%;bottom:0;box-shadow:inset 0 2px #fff6}.cap-bot:after{content:"";border-radius:inherit;background:linear-gradient(120deg,#0000 35%,#ffffff73 50%,#0000 65%) 0 0/250% 100%;animation:5s ease-in-out infinite shine;position:absolute;inset:0}@keyframes float{50%{translate:0 -22px}}.halo{background:radial-gradient(circle,#fff 0% 45%,#fff0 70%);border-radius:50%;width:460px;height:460px;position:absolute}.wave{z-index:1;border:1.5px solid #9a7b3f80;border-radius:50%;width:60px;height:60px;margin:-30px;animation:4.5s ease-out infinite wave;position:absolute;top:40%;left:50%}.w2{animation-delay:1.5s}.w3{animation-delay:3s}@keyframes wave{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(9)}}.shadow{background:radial-gradient(#1e140847,#0000 70%);border-radius:50%;width:180px;height:24px;animation:6s ease-in-out infinite sh;position:absolute;bottom:60px}@keyframes sh{50%{opacity:.6;transform:scale(.8)}}.veil{mix-blend-mode:overlay;background:linear-gradient(120deg,#0000 30%,#fdfbf759 50%,#0000 70%) 0 0/250% 100%;border-radius:28px;animation:4s ease-in-out infinite shine;position:absolute;inset:0}@keyframes shine{0%{background-position:150% 0}to{background-position:-50% 0}}.notes{text-transform:uppercase;letter-spacing:.3em;color:#9a7b3f;opacity:.9;font-family:Jost,sans-serif;font-size:13px;position:absolute}.n1{top:8%;right:6%}.n2{bottom:14%;left:0}.n3{top:48%;left:-4%}.marquee{z-index:2;white-space:nowrap;border-top:1px solid #1e14081f;padding:22px 0;position:relative;overflow:hidden}.track{text-transform:uppercase;letter-spacing:.18em;font-family:Jost,sans-serif;font-size:clamp(22px,3vw,40px);font-weight:300;animation:30s linear infinite mq;display:inline-block}.track i{color:var(--gold);vertical-align:middle;margin:0 40px;font-size:.5em;font-style:normal}@keyframes mq{to{transform:translate(-50%)}}@media (max-width:900px){.logo{letter-spacing:.22em;font-size:14px}.tag{display:none}.stage{order:-1;height:440px;overflow:hidden}.r2{width:400px;height:400px}.r1{width:320px;height:320px}.orbit-text{width:380px;height:380px}.bottle{width:170px}.halo{width:280px;height:280px}.shadow{width:130px;bottom:40px}header{padding:22px}main{padding:10px 22px 40px}.count div{min-width:70px}.count b{font-size:36px}form{border-radius:20px;flex-direction:column}input{padding:14px}}canvas#mist{pointer-events:none}@media (max-width:400px){.eyebrow{font-size:28px}.count{gap:8px}.count div{min-width:60px;padding:14px 6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}.ch{opacity:1!important;transform:none!important}}