.drone-wrap .hero-event{position:absolute;top:6%;left:50%;transform:translateX(-50%);z-index:5;margin:0;display:flex;flex-direction:column;gap:5px;white-space:nowrap;background:#2946e8;color:white;border:1px solid #fff9;border-radius:12px;padding:15px 24px;box-shadow:0 10px 28px #2946e833;cursor:pointer}
.hero-event strong{font-size:19px;letter-spacing:.06em}.hero-event span{font-size:14px}.hero-event:hover{background:#1731c7}.hero-event:focus-visible{outline:3px solid #102659;outline-offset:4px}
#intro-dialog{width:min(900px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:0;border-radius:16px;background:#f5f8ff;color:#132950;overflow:auto}#intro-dialog::backdrop{background:#081c45b8;backdrop-filter:blur(5px)}#intro-dialog h2{font-size:32px;margin:0 0 18px}#intro-dialog>a{display:inline-block;margin-top:16px;color:#2946e8}.intro-close{position:absolute;top:12px;right:14px;border:0;background:white;border-radius:50%;width:40px;height:40px;font-size:26px;cursor:pointer}#intro-player{aspect-ratio:16/9;background:#09152a}#intro-player iframe{width:100%;height:100%;border:0}body.intro-open{overflow:hidden}
@media(max-width:600px){.drone-wrap .hero-event{top:0;padding:10px 15px}.hero-event strong{font-size:16px}.hero-event span{font-size:12px}#intro-dialog{padding:18px}}

/* Keep the invitation clear of the drone, moving with its parent. */
.drone-wrap .hero-event{top:auto;bottom:100%;margin-bottom:4px;flex-direction:row;align-items:center;gap:12px;border-radius:999px;padding:12px 22px;background:#ffffffed;color:#2946e8;border:1px solid #b9c9fa;box-shadow:0 6px 24px #2946e817}
.hero-event strong{font-size:15px;letter-spacing:.04em}.hero-event span{font-size:13px;padding-left:12px;border-left:1px solid #cad5f7}.hero-event:hover{background:#eaf0ff}
#meet-hula{display:inline-flex;align-items:center;gap:12px}.meet-play{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff88;border-radius:50%;font-size:13px;padding-left:2px}
@media(max-width:600px){.drone-wrap .hero-event{top:auto;bottom:94%;padding:10px 16px;gap:9px}.hero-event strong{font-size:13px}.hero-event span{font-size:11px;padding-left:9px}.hero-visual{margin-top:50px}}