.csm-event-teaser-settings [hidden] { display: none !important; }
.csm-event-teaser {
  box-sizing: border-box;
  width: min(1040px, 100%);
  margin: 0 auto;
  padding: clamp(28px, 6vw, 80px) 24px clamp(64px, 9vw, 120px);
  color: #f7f7f7;
  font-family: inherit;
}
.csm-event-teaser__back { display: inline-block; color: #999; font-size: 12px; margin-bottom: clamp(44px, 7vw, 88px); text-decoration: none; }
.csm-event-teaser__layout { display: grid; gap: clamp(32px, 6vw, 72px); align-items: center; }
.csm-event-teaser:not(.csm-event-teaser--artwork) .csm-event-teaser__details { max-width: 640px; margin-inline: auto; width: 100%; text-align: center; }
.csm-event-teaser--artwork .csm-event-teaser__layout { grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); }
.csm-event-teaser__flyer { margin: 0; min-width: 0; }
.csm-event-teaser__flyer img { display: block; width: 100%; height: auto; border-radius: 16px; }
.csm-event-teaser .csm-event-teaser__date { color: #ccc; font-size: clamp(13px, 1.5vw, 16px); letter-spacing: .12em; text-transform: uppercase; margin: 0 0 24px; }
.csm-event-teaser h1 { color: #fff; font-size: clamp(40px, 5.5vw, 64px); font-weight: 700; line-height: 1.05; letter-spacing: -.03em; margin: 0 0 28px; overflow-wrap: normal; }
.csm-event-teaser .csm-event-teaser__location { color: #ccc; font-size: 16px; letter-spacing: .1em; text-transform: uppercase; margin: 0 0 24px; }
.csm-event-teaser .csm-event-teaser__copy { color: #ccc; max-width: 440px; font-size: 17px; line-height: 1.7; margin: 0 0 32px; }
.csm-event-teaser:not(.csm-event-teaser--artwork) .csm-event-teaser__copy { margin-inline: auto; }
.csm-event-teaser__button { display: inline-flex; justify-content: center; align-items: center; box-sizing: border-box; max-width: 100%; min-height: 52px; padding: 15px 26px; border: 1px solid #777; border-radius: 40px; background: linear-gradient(#242424, #080808); color: #fff; font-size: 13px; font-weight: 700; line-height: 1.4; letter-spacing: .1em; text-align: center; text-transform: uppercase; text-decoration: none; }
.csm-event-teaser__button:hover, .csm-event-teaser__button:focus { color: #fff; border-color: #fff; }
.csm-event-teaser a:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.csm-event-teaser .csm-event-teaser__note { color: #999; max-width: 440px; font-size: 12px; line-height: 1.7; margin: 20px 0 0; }
.csm-event-teaser:not(.csm-event-teaser--artwork) .csm-event-teaser__note { margin-inline: auto; }
@media (max-width: 767px) {
  .csm-event-teaser { padding-inline: 20px; }
  .csm-event-teaser--artwork .csm-event-teaser__layout { grid-template-columns: minmax(0, 1fr); }
  .csm-event-teaser__flyer { width: min(400px, 100%); margin-inline: auto; }
  .csm-event-teaser__details { text-align: center; }
  .csm-event-teaser .csm-event-teaser__copy, .csm-event-teaser .csm-event-teaser__note { margin-inline: auto; }
}