:root { --motion-ease: cubic-bezier(.22,1,.36,1); }
html { scrollbar-gutter: stable; }
.home-intro h1 .headline-line { display: block; overflow: clip; color: inherit; padding-bottom: .08em; margin-bottom: -.08em; }
.home-intro h1 .headline-line > span { display: block; color: inherit; }
.home-intro h1 .headline-accent { color: var(--accent-deep); }
.has-motion-indicator { position: relative; }
.has-motion-indicator button[aria-pressed=true]::after { display: none; }
.selection-indicator { position: absolute; bottom: 0; left: 0; height: 2px; background: var(--accent-deep); pointer-events: none; transition: transform 260ms var(--motion-ease), width 260ms var(--motion-ease); }
.flyer { transition: transform 320ms var(--motion-ease); }
.flyer[aria-current=true] { transform: translateY(-6px); }
.flyer-rail[aria-busy=true] .flyer { opacity: .55; }
.event-row { --event-card-width: 230px; min-height: calc(var(--event-card-width) * 1.25 + 168px); }
.event-dialog[open] { animation: none; }
.event-dialog { max-width: none; }
#eventTitle:focus { outline: none; }
.event-art > img { height: auto; }
.event-access-loading { min-height: 66px; display: flex; align-items: center; gap: 14px; border-top: 1px solid var(--line); padding-top: 20px; margin-top: 24px; font-size: 13px; color: var(--muted); }
.event-access-loading .loading-line { width: 42px; }
.button:active,.icon-button:active { transform: scale(.97); }
.phone-native-nav button,.phone-chip,.phone-category-box { transition: color 180ms, background-color 180ms; }

::view-transition { pointer-events: none; }
::view-transition-old(root),::view-transition-new(root) { animation: none; mix-blend-mode: normal; }
::view-transition-old(root) { display: none; }
::view-transition-group(klubb-flyer) { z-index: 3; animation-duration: 460ms; animation-timing-function: var(--motion-ease); }
::view-transition-old(klubb-flyer),::view-transition-new(klubb-flyer) { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: normal; }
::view-transition-old(klubb-flyer) { animation: motion-out 160ms ease both; }
::view-transition-new(klubb-flyer) { animation: motion-in 240ms ease both; }
::view-transition-group(klubb-panel) { z-index: 2; animation: none; }
::view-transition-new(klubb-panel) { animation: motion-in 280ms ease both; }
::view-transition-old(klubb-panel) { animation: motion-out 180ms ease both; }
@keyframes motion-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes motion-out { from { opacity: 1; } to { opacity: 0; } }
@media (max-width:800px) { .event-row { --event-card-width: 188px; } }
@media (max-width:480px) { .event-row { --event-card-width: 170px; min-height: calc(var(--event-card-width) * 1.25 + 155px); } }
@media (prefers-reduced-motion:reduce) {
  .selection-indicator,.phone-native-nav button,.phone-chip,.phone-category-box { transition: none; }
  .flyer[aria-current=true],.button:active,.icon-button:active { transform: none; }
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*) { animation: none !important; }
}