.sc-salimos {
  --salimos-ember: var(--sc-ember, #f15a24);
  --salimos-hot: var(--sc-hot, #ff7a1a);
  --salimos-paper: var(--sc-paper, #f5f3ef);
  --salimos-ink: var(--sc-ink, #080808);
  --salimos-surface: #151516;
  width: min(calc(100% - 2rem), 1180px);
  margin: 0 auto;
  padding: clamp(3rem, 8vw, 7rem) 0;
  color: var(--salimos-paper);
}

.sc-salimos__hero {
  max-width: 780px;
  margin-bottom: 2rem;
}

.sc-salimos__hero h1 {
  margin-bottom: 1rem;
  font-size: clamp(3.5rem, 12vw, 8rem);
  line-height: .9;
}

.sc-salimos__hero > p:last-child {
  color: #c9c6c0;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
}

.sc-salimos-conversion,
.sc-salimos-event-cta {
  display: grid;
  align-items: center;
  padding: clamp(1.25rem, 4vw, 2.4rem);
  margin: 0 0 2rem;
  border: 1px solid rgba(255, 122, 26, .42);
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(255, 122, 26, .13), rgba(8, 8, 8, .92));
  grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr);
  gap: clamp(1.25rem, 4vw, 3rem);
}

.sc-salimos-conversion h2,
.sc-salimos-event-cta h2 {
  margin-bottom: .6rem;
}

.sc-salimos-conversion__actions,
.sc-salimos-event-cta__actions {
  display: grid;
  gap: .75rem;
}

.sc-salimos-join {
  padding-top: 3rem;
  scroll-margin-top: 7rem;
}

.sc-salimos__eyebrow {
  margin-bottom: .7rem;
  color: var(--salimos-hot);
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .17em;
  text-transform: uppercase;
}

.sc-salimos__gate,
.sc-salimos-member,
.sc-salimos-submit {
  display: grid;
  gap: clamp(1.5rem, 5vw, 4rem);
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr);
}

.sc-salimos-register,
.sc-salimos__login,
.sc-salimos-member,
.sc-salimos-submit {
  padding: clamp(1.35rem, 4vw, 2.5rem);
  border: 1px solid rgba(245, 243, 239, .14);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .012));
}

.sc-salimos-form,
.sc-salimos__login form {
  display: grid;
  gap: 1rem;
}

.sc-salimos-form__grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sc-salimos-form__wide {
  grid-column: 1 / -1;
}

.sc-salimos-form label,
.sc-salimos__login label {
  display: grid;
  gap: .4rem;
  color: #dedbd5;
  font-size: .9rem;
  font-weight: 700;
}

.sc-salimos-form input,
.sc-salimos-form textarea,
.sc-salimos__login input[type="text"],
.sc-salimos__login input[type="password"] {
  width: 100%;
  min-height: 46px;
  padding: .7rem .85rem;
  border: 1px solid rgba(245, 243, 239, .3);
  border-radius: 6px;
  background: #080808;
  color: var(--salimos-paper);
}

.sc-salimos-check {
  display: flex !important;
  align-items: flex-start;
  grid-template-columns: none !important;
  gap: .7rem !important;
  font-weight: 500 !important;
}

.sc-salimos-check input {
  width: auto;
  min-height: 0;
  margin-top: .35rem;
}

.sc-salimos-hp {
  position: absolute !important;
  left: -10000px !important;
}

.sc-salimos-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: .75rem 1.1rem;
  border: 1px solid var(--salimos-hot);
  border-radius: 999px;
  background: linear-gradient(135deg, var(--salimos-hot), var(--salimos-ember));
  color: #080808;
  font-size: .78rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-decoration: none;
}

.sc-salimos-button--secondary {
  background: transparent;
  color: var(--salimos-paper);
}

.sc-salimos-notice {
  padding: 1rem 1.2rem;
  margin: 0 0 1.5rem;
  border-left: 4px solid var(--salimos-hot);
  background: rgba(255, 122, 26, .12);
}

.sc-salimos-notice.is-error {
  border-color: #ef4444;
  background: rgba(239, 68, 68, .12);
}

.sc-salimos-member {
  align-items: center;
  margin: 2rem 0 3rem;
}

.sc-salimos-pass {
  display: grid;
  padding: 1.1rem 1.2rem;
  border: 1px solid rgba(255, 122, 26, .5);
  border-radius: 8px;
  background: rgba(255, 122, 26, .08);
}

.sc-salimos-pass span {
  color: #bab6af;
  font-size: .75rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.sc-salimos-preferences {
  display: grid;
  margin-top: 1rem;
  gap: .55rem;
}

.sc-salimos-preferences small {
  color: #aaa69f;
}

.sc-salimos-text-button {
  justify-self: start;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--salimos-hot);
  font-weight: 800;
  text-decoration: underline;
  cursor: pointer;
}

.sc-salimos-calendar {
  padding: clamp(1.25rem, 4vw, 2.5rem);
  border: 1px solid rgba(245, 243, 239, .14);
  border-radius: 12px;
  background: #0d0d0e;
}

.sc-salimos-calendar__heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  gap: 1rem;
}

.sc-salimos-calendar__heading nav {
  display: flex;
  gap: 1rem;
}

.sc-salimos-calendar__weekdays,
.sc-salimos-calendar__grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.sc-salimos-calendar__weekdays span {
  padding: .6rem;
  color: #8f8b84;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
}

.sc-salimos-day {
  min-height: 132px;
  padding: .55rem;
  border-top: 1px solid rgba(245, 243, 239, .12);
  border-right: 1px solid rgba(245, 243, 239, .08);
}

.sc-salimos-day__number {
  display: block;
  margin-bottom: .45rem;
  color: #aaa69f;
  font-size: .78rem;
}

.sc-salimos-event-button {
  display: block;
  width: 100%;
  padding: .45rem;
  margin-bottom: .35rem;
  border: 1px solid rgba(255, 122, 26, .35);
  border-radius: 5px;
  background: rgba(241, 90, 36, .12);
  color: var(--salimos-paper);
  font-size: .7rem;
  line-height: 1.25;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.sc-salimos-event-button span {
  display: block;
  color: var(--salimos-hot);
  font-size: .63rem;
  font-weight: 800;
}

.sc-salimos-agenda {
  display: none;
}

.sc-salimos-agenda-item {
  display: grid;
  align-items: center;
  width: 100%;
  padding: .9rem 0;
  margin: 0;
  border: 0;
  border-bottom: 1px solid rgba(245, 243, 239, .13);
  border-radius: 0;
  background: transparent;
  grid-template-columns: 3.5rem 1fr auto;
  gap: .85rem;
  text-align: left;
}

.sc-salimos-agenda-item span,
.sc-salimos-agenda-item small {
  display: block;
}

.sc-salimos-agenda-item__date {
  color: var(--salimos-hot) !important;
  font-size: .78rem !important;
  font-weight: 900;
  text-transform: uppercase;
}

.sc-salimos-agenda-item small {
  margin-top: .2rem;
  color: #aaa69f;
}

.sc-salimos-dialog {
  width: min(900px, calc(100vw - 2rem));
  max-height: calc(100vh - 2rem);
  padding: 0;
  overflow: auto;
  border: 1px solid rgba(255, 122, 26, .45);
  border-radius: 12px;
  background: #111112;
  color: var(--salimos-paper);
  box-shadow: 0 32px 100px rgba(0, 0, 0, .75);
}

.sc-salimos-dialog::backdrop {
  background: rgba(0, 0, 0, .82);
  backdrop-filter: blur(5px);
}

.sc-salimos-dialog__close {
  position: sticky;
  z-index: 4;
  top: .6rem;
  float: right;
  width: 2.6rem;
  height: 2.6rem;
  margin: .6rem .6rem -3.2rem 0;
  border: 1px solid rgba(245, 243, 239, .3);
  border-radius: 50%;
  background: #080808;
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
}

.sc-salimos-dialog__layout {
  display: grid;
  grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr);
}

.sc-salimos-dialog__flyer {
  min-height: 100%;
  background: #080808;
}

.sc-salimos-dialog__flyer img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.sc-salimos-dialog__content {
  padding: clamp(1.4rem, 4vw, 2.6rem);
}

.sc-salimos-dialog__content:only-child {
  grid-column: 1 / -1;
}

.sc-salimos-event-facts {
  padding: 0;
  list-style: none;
}

.sc-salimos-event-facts li {
  padding: .35rem 0;
  border-bottom: 1px solid rgba(245, 243, 239, .1);
}

.sc-salimos-notes,
.sc-salimos-community {
  padding-top: 1.2rem;
  margin-top: 1.2rem;
  border-top: 1px solid rgba(245, 243, 239, .13);
}

.sc-salimos-community {
  display: grid;
  gap: 1.5rem;
}

.sc-salimos-community form {
  display: grid;
  gap: .55rem;
}

.sc-salimos-heat h3 {
  margin-bottom: .45rem;
}

.sc-salimos-rating__buttons {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem;
}

.sc-salimos-rating__buttons button {
  min-height: 38px;
  padding: .35rem .5rem;
  border: 1px solid rgba(255, 122, 26, .35);
  border-radius: 5px;
  background: #080808;
  cursor: pointer;
}

.sc-salimos-submit,
.sc-salimos-archive {
  margin-top: 3rem;
}

.sc-salimos-event-page {
  --salimos-ember: var(--sc-ember, #f15a24);
  --salimos-hot: var(--sc-hot, #ff7a1a);
  --salimos-paper: var(--sc-paper, #f5f3ef);
  color: var(--salimos-paper);
}

.sc-salimos-event-page > h1 {
  max-width: 16ch;
  margin-bottom: .75rem;
  font-size: clamp(2.7rem, 7vw, 5.7rem);
  line-height: .94;
}

.sc-salimos-event-page__date {
  margin-bottom: 2rem;
  color: var(--salimos-hot);
  font-size: clamp(1rem, 2vw, 1.25rem);
  font-weight: 800;
}

.sc-salimos-event-page__layout {
  display: grid;
  align-items: start;
  margin-bottom: 2rem;
  grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr);
  gap: clamp(1.5rem, 5vw, 4rem);
}

.sc-salimos-event-page__flyer {
  margin: 0;
  padding: .6rem;
  border: 1px solid rgba(245, 243, 239, .15);
  border-radius: 10px;
  background: #080808;
}

.sc-salimos-event-page__flyer img {
  display: block;
  width: 100%;
  height: auto;
}

.sc-salimos-event-page__back {
  margin-top: 2rem;
}

.sc-salimos-event-page__back a,
.sc-salimos-text-link {
  color: var(--salimos-hot);
  font-weight: 800;
}

.sc-salimos-archive__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 2rem;
}

@media (max-width: 760px) {
  .sc-salimos__gate,
  .sc-salimos-member,
  .sc-salimos-submit,
	.sc-salimos-dialog__layout,
	.sc-salimos-conversion,
	.sc-salimos-event-cta,
	.sc-salimos-event-page__layout {
    grid-template-columns: 1fr;
  }

  .sc-salimos-form__grid,
  .sc-salimos-archive__list {
    grid-template-columns: 1fr;
  }

  .sc-salimos-calendar__weekdays,
  .sc-salimos-calendar__grid {
    display: none;
  }

  .sc-salimos-agenda {
    display: block;
  }

  .sc-salimos-calendar__heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .sc-salimos-dialog__flyer {
    max-height: 58vh;
  }

  .sc-salimos-dialog__flyer img {
    max-height: 58vh;
  }
}