.event-demo{--event-ink:#1c1916;--event-muted:#6a645c;--event-line:#ddd6cb;--event-paper:#f4f2ee;--event-surface:#fffcf8;min-height:100dvh;background:var(--event-paper);color:var(--event-ink);font-family:var(--ff-event-sans),"Manrope",system-ui,sans-serif}.event-demo__display{margin:0;font-family:var(--ff-event-display),"Cormorant Garamond",Georgia,serif;font-weight:600;letter-spacing:-.03em;line-height:1.05}.event-demo__chrome{position:sticky;top:0;z-index:40;border-bottom:1px solid var(--event-line);background:#f4f2eeeb;backdrop-filter:blur(10px)}.event-demo__chrome-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:68rem;margin:0 auto;padding:.9rem 1.25rem}.event-demo__kicker{margin:0;font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#8a8278}.event-demo__chrome-title{margin:.15rem 0 0;font-size:.95rem;font-weight:600}.event-demo__chrome-actions{display:flex;align-items:center;gap:.75rem}.event-demo__link{color:var(--event-muted);font-size:.875rem;font-weight:600;text-decoration:none}.event-demo__link:hover{color:var(--event-ink)}.event-demo__cta{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;border-radius:999px;background:#1c1916;color:#fff;font-size:.875rem;font-weight:600;text-decoration:none}.event-demo__cta:hover{background:#000}.event-demo__pick{max-width:68rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}.event-demo__pick-head{max-width:38rem}.event-demo__pick-head .event-demo__display{font-size:clamp(2.2rem,5vw,3.6rem)}.event-demo__lead{margin:1rem 0 0;color:var(--event-muted);font-size:1.05rem;line-height:1.65}.event-demo__catalog{display:grid;gap:3.25rem;margin-top:3rem}.event-demo__cat-head h2{margin:0;font-family:var(--ff-event-display),Georgia,serif;font-size:1.65rem;font-weight:600}.event-demo__cat-head p{margin:.35rem 0 0;color:var(--event-muted);font-size:.95rem}.event-demo__grid{display:grid;gap:1.25rem;margin-top:1.25rem}@media (min-width:860px){.event-demo__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}}.event-demo__tile{display:grid;overflow:hidden;border:1px solid var(--event-line);border-radius:1.15rem;background:var(--event-surface)}.event-demo__tile-media{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;border:0;cursor:pointer;overflow:hidden;background:#ddd}.event-demo__tile-media img{transition:transform .45s ease}.event-demo__tile-media:hover img{transform:scale(1.03)}.event-demo__tile-swatch{position:absolute;left:0;right:0;bottom:0;height:4px}.event-demo__tile-body{display:grid;gap:.35rem;padding:1rem 1.1rem 1.15rem}.event-demo__tile-name{margin:0;font-family:var(--ff-event-display),Georgia,serif;font-size:1.35rem;font-weight:600}.event-demo__tile-tag{margin:0;color:var(--event-muted);font-size:.92rem;line-height:1.45}.event-demo__tile-meta{margin:.15rem 0 0;color:#857c96;font-size:.78rem}.event-demo__tile-go{display:inline-flex;align-items:center;gap:.35rem;margin-top:.55rem;padding:0;border:0;background:#0000;color:var(--event-ink);font-size:.9rem;font-weight:650;cursor:pointer}.event-demo__tile-go:hover{color:#4f3d7a}.event-demo__steps{border-bottom:1px solid var(--event-line);background:#ebe7f2}.event-demo__steps-inner{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;max-width:68rem;margin:0 auto;padding:.7rem 1.25rem}.event-demo__step{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .7rem;border:1px solid #0000;border-radius:.7rem;background:#0000;color:var(--event-muted);font-size:.82rem;font-weight:600;cursor:pointer}.event-demo__step span{display:grid;place-items:center;width:1.25rem;height:1.25rem;border-radius:.35rem;background:#e4ddd2;color:#5c564e;font-size:.72rem}.event-demo__step--active{border-color:var(--event-line);background:#fff;color:var(--event-ink)}.event-demo__step--active span{background:#1c1916;color:#fff}.event-demo__change{margin-left:auto;border:0;background:#0000;color:#5b4d7a;font-size:.82rem;font-weight:650;cursor:pointer}.event-demo__stage{position:relative;display:grid;place-items:center;min-height:calc(100dvh - 7.5rem);padding:2rem 1.25rem 3rem;overflow:hidden;background:var(--event-bg,#111)}.event-demo__stage--center{place-items:center}.event-demo__stage-photo{position:absolute;inset:0;opacity:.28;filter:saturate(.85)}.event-demo__stage-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a081059,#0a0810b8)}.event-demo__gate,.event-demo__panel{position:relative;z-index:1;width:min(100%,34rem);padding:1.6rem 1.45rem 1.55rem;border:1px solid #ffffff2e;border-radius:1.15rem;background:#fffcfff5;color:var(--event-ink);box-shadow:0 18px 50px #00000047}.event-demo__panel-kicker{margin:0;font-size:.78rem;font-weight:700}.event-demo__panel-title{margin:.45rem 0 0;font-family:var(--ff-event-display),Georgia,serif;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:600;letter-spacing:-.03em;line-height:1.1}.event-demo__panel-sub{margin:.45rem 0 0;color:var(--event-muted);font-size:.9rem}.event-demo__panel-copy{margin:.85rem 0 0;color:#3f3a4c;font-size:.98rem;line-height:1.55}.event-demo__drop{display:grid;gap:.35rem;width:100%;margin-top:1.25rem;padding:1.6rem 1rem;border:1.5px dashed #c9c0d8;border-radius:1rem;background:#f7f4fc;color:inherit;text-align:center;cursor:pointer}.event-demo__drop:hover{border-color:#9f91bd;background:#f1ecf9}.event-demo__drop-title{font-size:1.05rem;font-weight:650}.event-demo__drop-hint{color:var(--event-muted);font-size:.85rem}.event-demo__queue{display:grid;gap:.55rem;margin:.9rem 0 0;padding:0;list-style:none}.event-demo__queue li{display:grid;grid-template-columns:3.5rem 1fr;gap:.75rem;align-items:center;padding:.45rem;border:1px solid var(--event-line);border-radius:.85rem;background:#fff}.event-demo__queue-thumb{position:relative;width:3.5rem;height:3.5rem;overflow:hidden;border-radius:.55rem;background:#ddd}.event-demo__queue p{margin:0;font-size:.86rem;line-height:1.35;color:#444}.event-demo__queue p:first-child{font-size:.78rem;font-weight:700}.event-demo__success{margin-top:1.25rem;padding:1.15rem;border-radius:1rem;background:#f4f1fa}.event-demo__success-title{margin:0 0 .35rem;font-family:var(--ff-event-display),Georgia,serif;font-size:1.4rem;font-weight:600}.event-demo__success p{margin:0;color:var(--event-muted);font-size:.92rem;line-height:1.45}.event-demo__primary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;margin-top:1rem;width:100%;padding:.9rem 1.1rem;border:0;border-radius:.9rem;font-size:.95rem;font-weight:700;cursor:pointer}.event-demo__password{margin-top:1.15rem;padding:.95rem 1rem;border:1px solid var(--event-line);border-radius:.85rem;background:#f7f4fc;color:#8a8298;font-size:1.15rem;letter-spacing:.28em;text-align:center}.event-demo__text-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:100%;margin-top:.7rem;padding:.55rem;border:0;background:#0000;color:var(--event-muted);font-size:.88rem;font-weight:600;cursor:pointer}.event-demo__reveal-start{position:relative;display:grid;place-items:center;min-height:calc(100dvh - 7.5rem);overflow:hidden;color:#fff}.event-demo__reveal-veil{position:absolute;inset:0;background:linear-gradient(180deg,#08060e59,#08060ec7)}.event-demo__reveal-intro{position:relative;z-index:1;max-width:36rem;padding:1.5rem;text-align:center}.event-demo__reveal-intro .event-demo__display{margin-top:.6rem;font-size:clamp(2.4rem,7vw,4.4rem);color:#fff}.event-demo__reveal-intro p{margin:.75rem auto 0;max-width:28rem;color:#ffffffb8;line-height:1.5}.event-demo__reveal-intro .event-demo__primary{width:auto;min-width:11rem;margin-top:1.4rem}.event-demo__music-hint{display:inline-flex;align-items:center;gap:.4rem;margin-top:.85rem!important;font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#ffffff8c!important}.event-demo__spotify-glyph{width:.9rem;height:.9rem;flex-shrink:0}.event-demo__spotify-mini{width:100%;overflow:hidden;border-radius:.95rem;background:#121212f0;box-shadow:0 16px 40px #00000073,inset 0 1px 0 #ffffff14;backdrop-filter:blur(18px) saturate(1.35);color:#fff}.event-demo__spotify-mini-head{display:flex;align-items:center;gap:.4rem;padding:.55rem .75rem .2rem;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1db954}.event-demo__spotify-mini-track{margin-left:auto;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;font-weight:600;letter-spacing:0;text-transform:none;color:#ffffff8c}.event-demo__spotify-dock-frame{display:block;width:100%;height:76px;border:0;background:#121212}.event-demo__reveal{position:relative;min-height:calc(100dvh - 7.5rem);padding:3rem 1.25rem 2rem;background:#09080d;color:#fff}.event-demo__progress{position:absolute;top:1rem;left:1.25rem;right:1.25rem;z-index:5;display:flex;gap:.3rem}.event-demo__progress-track{flex:1;height:2px;overflow:hidden;border-radius:999px;background:#ffffff38}.event-demo__progress-fill{width:0;height:100%;background:#fff;transition:width .25s ease}.event-demo__progress-fill.is-done{width:100%}.event-demo__progress-fill.is-current{width:55%}.event-demo__reveal-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(16rem,.7fr);align-items:start;gap:1.25rem;width:min(100%,78rem);margin:1.4rem auto 0}.event-demo__reveal-photo{position:relative;min-width:0}.event-demo__reveal-photo--fullscreen,.event-demo__reveal-photo:-webkit-full-screen,.event-demo__reveal-photo:fullscreen{width:100%;height:100%;background:#000;display:grid;place-items:center}.event-demo__reveal-photo--fullscreen .event-demo__frame,.event-demo__reveal-photo:-webkit-full-screen .event-demo__frame,.event-demo__reveal-photo:fullscreen .event-demo__frame{width:100%;height:100%;max-height:none;aspect-ratio:auto;border-radius:0}.event-demo__fullscreen{position:absolute;top:.75rem;right:.75rem;z-index:6;display:grid;place-items:center;width:2.45rem;height:2.45rem;border:0;border-radius:.7rem;background:#00000080;color:#fff;cursor:pointer;backdrop-filter:blur(8px)}.event-demo__fullscreen-caption{position:absolute;left:1rem;right:1rem;bottom:3.5rem;z-index:6;max-width:36rem;margin:0 auto;padding:.85rem 1rem;border-radius:.85rem;background:#0000008c;backdrop-filter:blur(10px);text-align:left}.event-demo__fullscreen-caption p:first-child{margin:0;font-size:.8rem;font-weight:700}.event-demo__fullscreen-caption p:last-child{margin:.35rem 0 0;color:#ffffffe6;line-height:1.4}.event-demo__frame{position:relative;width:100%;aspect-ratio:16/10;max-height:min(68dvh,42rem);overflow:hidden;border-radius:.85rem;background:#222}.event-demo__reveal-side{display:flex;flex-direction:column;gap:1rem;min-width:0;padding-top:.15rem}.event-demo__caption{width:100%;margin:0;padding:1rem 1.05rem;border-radius:.95rem;background:#ffffff0f;border:1px solid #ffffff1a}.event-demo__caption-label{margin:0 0 .55rem!important;font-size:.68rem!important;font-weight:700!important;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73!important}.event-demo__caption p:nth-child(2){margin:0;font-size:.9rem;font-weight:700}.event-demo__caption p:last-child{margin:.45rem 0 0;color:#ffffffe0;font-size:1.05rem;line-height:1.45}.event-demo__nav{position:absolute;top:50%;z-index:5;display:grid;place-items:center;width:2.6rem;height:2.6rem;border:0;border-radius:.7rem;background:#00000073;color:#fff;cursor:pointer;transform:translateY(-50%)}.event-demo__nav--prev{left:.65rem}.event-demo__nav--next{right:.65rem}.event-demo__counter{position:absolute;bottom:.75rem;left:50%;z-index:5;margin:0;padding:.35rem .7rem;border-radius:.55rem;background:#00000073;color:#fffc;font-size:.78rem;transform:translateX(-50%)}@media (max-width:900px){.event-demo__reveal-layout{grid-template-columns:1fr;gap:1rem}.event-demo__frame{aspect-ratio:4/3;max-height:min(52dvh,28rem)}}.event-demo__ending{width:min(100%,56rem);margin:2.5rem auto 0;padding:1.5rem 0 0;border-top:1px solid #ffffff1f;text-align:center}.event-demo__ending .event-demo__display{font-size:clamp(1.8rem,4vw,2.6rem);color:#fff}.event-demo__ending>p{margin:.7rem auto 0;max-width:28rem;color:#ffffffa6;line-height:1.5}.event-demo__ending-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.2rem}.event-demo__ghost{display:inline-flex;align-items:center;gap:.35rem;padding:.65rem .95rem;border:1px solid #ffffff47;border-radius:.85rem;background:#0000;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer}.event-demo__strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:1.4rem}@media (min-width:700px){.event-demo__strip{grid-template-columns:repeat(6,minmax(0,1fr))}}.event-demo__strip button{position:relative;aspect-ratio:1;overflow:hidden;border:0;border-radius:.55rem;background:#222;cursor:pointer}