.retro-premiere{position:relative;isolation:isolate;overflow:hidden;background:#0c0d23;color:#fff;min-height:720px;display:grid;place-items:center;padding:44px 24px 34px;text-align:center}.retro-premiere[hidden]{display:none}.retro-lights{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#30325a,transparent 65%)}.retro-lights i{position:absolute;top:-15%;width:45%;height:120%;background:linear-gradient(#aa8bff55,transparent);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);transform-origin:50% 0;animation:retro-spot 8s ease-in-out infinite alternate}.retro-lights i:nth-child(1){left:-10%;animation-delay:-3s}.retro-lights i:nth-child(2){left:30%;background:linear-gradient(#66d7ed44,transparent);animation-delay:-6s}.retro-lights i:nth-child(3){left:65%;background:linear-gradient(#ff7f8b44,transparent)}.retro-ball{position:absolute;top:20px;left:calc(50% - 48px);width:96px;height:96px;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 10px,#1116 10px 12px),repeating-linear-gradient(90deg,#e6edf2 0 10px,#677599 10px 12px);box-shadow:inset -22px -16px 25px #111b,0 0 42px #bcafff55;animation:retro-ball-light 6s ease-in-out infinite alternate}.retro-ball:before{content:'';position:absolute;width:1px;height:24px;background:#a8adc0;bottom:100%;left:50%}.retro-content{width:min(900px,100%);padding-top:105px}.retro-announcement{height:100px;position:relative;margin-bottom:10px}.retro-word{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(2.5rem,6vw,5rem);font-weight:800;letter-spacing:-2px;opacity:0;animation:retro-word 2s both}.retro-word:nth-child(2){animation-delay:2s;font-family:Georgia,serif;font-style:italic;color:#f5cc92}.retro-word:nth-child(3){animation-delay:4s;font-weight:400}.retro-label{color:#f5cc92;font-size:.78rem;letter-spacing:.16em;font-weight:700;margin:0 0 12px}.retro-details{animation:retro-reveal 1.2s 6s both}.retro-details h1{font-size:clamp(3.2rem,8vw,6.2rem);line-height:1;letter-spacing:-2px;margin:0 0 16px}.retro-details h1 span{display:block;font:italic .45em/1.4 Georgia,serif;color:#b9cbf1;letter-spacing:0}.retro-date{font-size:clamp(1.15rem,3vw,1.7rem);font-weight:700;margin-bottom:20px}.retro-invitation{font-size:1.1rem;margin:0 auto 18px;max-width:650px;color:#edf0fa}.retro-joke{max-width:660px;margin:0 auto 22px;padding:15px 20px;border:1px solid #ffffff30;border-radius:12px;background:#ffffff08}.retro-joke strong{color:#f5cc92}.retro-joke p{margin:5px 0 0;color:#ccd1e0;font-size:.95rem}.retro-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.retro-actions .button{background:#f5cc92;color:#17152a}.retro-actions .retro-more{background:transparent;border:1px solid #ffffff55;color:#fff}.retro-controls{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:23px}.retro-controls button{border:1px solid #ffffff40;color:#e1e5f0;background:#ffffff0a;border-radius:24px;padding:8px 15px;font-size:.8rem}.retro-controls button[aria-pressed=true]{background:#514063}.retro-status{font-size:.75rem;color:#b5bed1;margin:8px 0 0;min-height:20px}.retro-address{font-size:.8rem;color:#b5bed1;margin:18px 0 0}.retro-premiere.retro-still *{animation:none!important}.retro-premiere.retro-still .retro-announcement{display:none}.retro-premiere.retro-still .retro-details{opacity:1}.retro-premiere.retro-still .retro-content{padding-top:110px}@keyframes retro-word{0%{opacity:0;transform:scale(.9)}20%,75%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.08)}}@keyframes retro-reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes retro-spot{from{opacity:.25;transform:rotate(-16deg)}to{opacity:.75;transform:rotate(16deg)}}@keyframes retro-ball-light{from{filter:brightness(.8);transform:rotate(-8deg)}to{filter:brightness(1.2);transform:rotate(8deg)}}@media(max-width:760px){.retro-premiere{min-height:660px;padding:30px 20px}.retro-content{padding-top:90px}.retro-ball{width:72px;height:72px;left:calc(50% - 36px)}.retro-announcement{height:75px}.retro-details h1{font-size:3.6rem}.retro-invitation{font-size:1rem}.retro-joke{padding:13px}.retro-joke p{font-size:.87rem}.retro-actions .button{width:100%}.retro-label{font-size:.68rem}.retro-controls{gap:8px}.retro-controls button{padding:8px 12px}}@media(prefers-reduced-motion:reduce){.retro-premiere:not(.retro-optin) *{animation:none!important}.retro-premiere:not(.retro-optin) .retro-announcement{display:none}.retro-premiere:not(.retro-optin) .retro-details{opacity:1}}