/* The same venue block is shared by the splash and homepage. */
.hero-event-meta{color:#f6f8fe}
.editorial .hero-event-meta{color:#122039}
.editorial .hero-event-meta .entry-venue{color:#122039}
.editorial .hero-event-meta .entry-city{color:#536376}
.day-tabs>button>.day-label{padding-right:0}

.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.sign-out{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:9px;background:transparent;color:#c0cce0;border:1px solid transparent;transition:color .2s,background .2s,border-color .2s}
.sign-out svg{display:block;width:22px;height:22px}
.sign-out:hover,.sign-out:focus-visible{color:#fff;background:#1758f51f;border-color:#669aff80}
.editorial .sign-out{color:#38557c}
.editorial .sign-out:hover,.editorial .sign-out:focus-visible{color:#1758f5}

/* The supplied dotted wave is a luminance mask: its dark areas stay transparent. */
:is(.button,.entry-submit){position:relative;isolation:isolate;overflow:hidden;justify-content:center;transition:background-color .25s,color .25s,box-shadow .25s,transform .25s}
:is(.button,.entry-submit)::before,:is(.button,.entry-submit)::after{content:"";position:absolute;z-index:-1;inset:-70% -12%;pointer-events:none;opacity:0;background:linear-gradient(115deg,#acd4ff,#438aff 40%,#e1f5ff 68%,#548fff);mask-image:url('assets/button-wave.png');mask-mode:luminance;mask-size:cover;mask-position:center;mask-repeat:no-repeat;transition:opacity .28s;transform-origin:50% 50%}
:is(.button,.entry-submit)::after{background:#5e9bff;mask-position:45% 65%;transform:rotate(8deg) scale(1.12)}
:is(.button,.entry-submit):is(:hover,:focus-visible):not(:disabled){background-color:#123ebd;color:#fff;box-shadow:0 5px 24px #1758f53d;transform:translateY(-2px)}
:is(.button,.entry-submit):is(:hover,:focus-visible):not(:disabled)::before{opacity:.95;animation:velocity-wave 3.2s ease-in-out infinite}
:is(.button,.entry-submit):is(:hover,:focus-visible):not(:disabled)::after{opacity:.42;animation:velocity-wave-echo 4.2s ease-in-out infinite}
.button.save-date,.button.save-date:is(:hover,:focus-visible){background:transparent;border:2px solid var(--accent);color:var(--text)}
.button.save-date:is(:hover,:focus-visible){border-color:#669aff;box-shadow:0 0 22px #1758f52b,inset 0 0 20px #1758f512}
.editorial .button.save-date,.editorial .button.save-date:is(:hover,:focus-visible){color:#174fc9}
.button.save-date::before,.button.save-date::after{background:#4688ff}
@keyframes velocity-wave{
  0%,100%{transform:translate(-3%,7%) rotate(-4deg) scale(1.08,1.04) skewY(-3deg)}
  33%{transform:translate(3%,-8%) rotate(3deg) scale(1.16,.96) skewY(3deg)}
  67%{transform:translate(-1%,2%) rotate(-1deg) scale(1.04,1.15) skewY(-1deg)}
}
@keyframes velocity-wave-echo{
  0%,100%{transform:translate(4%,-9%) rotate(8deg) scale(1.12)}
  50%{transform:translate(-4%,9%) rotate(-5deg) scale(1.24,.96)}
}
@media(max-width:760px){
 .header .nav-actions{width:100%;gap:14px}
 .header .nav-actions .register{flex:1}
 .hero-actions{align-items:stretch;max-width:350px}
 .hero-actions .button{width:100%}
}
@media(prefers-reduced-motion:reduce){
 :is(.button,.entry-submit),:is(.button,.entry-submit)::before,:is(.button,.entry-submit)::after{transition:none}
 :is(.button,.entry-submit):is(:hover,:focus-visible):not(:disabled){transform:none}
 :is(.button,.entry-submit):is(:hover,:focus-visible):not(:disabled)::before,:is(.button,.entry-submit):is(:hover,:focus-visible):not(:disabled)::after{animation:none}
}
