.autohypnose-promo {
  display: grid;
  grid-template-columns: minmax(220px, .34fr) minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(176, 138, 64, .28);
  border-radius: 24px;
  background: linear-gradient(135deg, #fffdf8, #f1f7f8);
  box-shadow: 0 26px 70px rgba(8, 22, 47, .1);
  scroll-margin-top: 120px;
}

.updates-page .autohypnose-promo { margin-bottom: 36px; }

.autohypnose-promo-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  padding: 36px 24px;
  text-align: center;
  color: #fffaf1;
  background: radial-gradient(ellipse at 20% 15%, rgba(217, 192, 140, .2), transparent 60%), linear-gradient(145deg, #080e27, #182d44);
}

.autohypnose-promo-kicker {
  color: #e7cf8f;
  font-size: .75rem;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.autohypnose-promo-date time { display: grid; gap: 5px; }
.autohypnose-promo-date time span { font-size: 1.1rem; font-weight: 650; }
.autohypnose-promo-date time strong { font-family: Georgia, "Times New Roman", serif; font-size: clamp(5rem, 10vw, 8rem); font-weight: 500; line-height: 1; color: #f0d894; }
.autohypnose-promo-location { font-size: .86rem; color: rgba(255, 250, 241, .8); }

.autohypnose-promo-copy {
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 16px;
  min-width: 0;
  padding: clamp(26px, 4vw, 48px);
}

.autohypnose-promo-copy .eyebrow { margin: 0; color: #806126; }
.autohypnose-promo-copy h2 { margin: 0; max-width: 24ch; color: #0a0f2a; font-size: clamp(1.9rem, 3.4vw, 3rem); line-height: 1.08; text-wrap: balance; }
.autohypnose-promo-copy > p:not(.eyebrow) { margin: 0; max-width: 62ch; color: #4c5c68; line-height: 1.65; }
.autohypnose-promo-copy .btn { min-height: 50px; gap: 12px; text-align: center; white-space: normal; }

.autohypnose-promo-details { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; color: #4c5c68; font-size: .94rem; }
.autohypnose-promo-details li { display: grid; grid-template-columns: 125px minmax(0, 1fr); gap: 12px; line-height: 1.5; }
.autohypnose-promo-details strong { color: #172d42; }

@media (max-width: 720px) {
  .autohypnose-promo { grid-template-columns: 1fr; border-radius: 20px; }
  .autohypnose-promo-date { gap: 12px; padding: 24px 20px; }
  .autohypnose-promo-date time { grid-template-columns: auto auto auto; align-items: center; gap: 12px; }
  .autohypnose-promo-date time strong { font-size: 4rem; }
  .autohypnose-promo-copy { padding: 26px 22px; }
  .autohypnose-promo-details li { grid-template-columns: 1fr; gap: 1px; }
  .autohypnose-promo-copy .btn { width: 100%; }
}