/* A premiere invitation in normal flow, clear of the sidebar and hero journey. */
.premiere-banner {
  margin:0;
  color:var(--paper);
  background:var(--ink);
  border-bottom:2px solid var(--red);
}
.premiere-banner-link {
  display:flex;
  align-items:center;
  gap:22px;
  min-height:112px;
  padding:19px 4.5%;
  color:inherit;
  text-decoration:none;
  transition:background .2s ease;
}
.premiere-banner-link:hover { background:oklch(23% 0 0); }
.premiere-banner-link:active { background:oklch(28% 0 0); }
.premiere-banner-link:focus-visible { outline:3px solid var(--paper); outline-offset:-7px; }
.premiere-banner-mark {
  display:grid;
  place-items:center;
  flex:none;
  width:54px;
  height:54px;
  color:oklch(75% .19 25);
  border:1px solid oklch(42% .06 25);
  border-radius:8px;
}
.premiere-banner-copy { display:grid; gap:4px; min-width:0; }
.premiere-banner-kicker { font:700 9px/1.4 var(--body); letter-spacing:.12em; color:oklch(75% .19 25); }
.premiere-banner-copy strong { font:800 29px/1.04 var(--display); letter-spacing:-.01em; }
.premiere-banner-detail { font:400 12px/1.5 var(--body); color:oklch(79% 0 0); }
.premiere-banner-detail > span { margin:0 5px; color:oklch(62% 0 0); }
.premiere-banner-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:none;
  gap:18px;
  margin-left:auto;
  padding:13px 18px;
  min-height:46px;
  border:1px solid oklch(45% 0 0);
  border-radius:6px;
  font:700 12px/1.3 var(--body);
  white-space:nowrap;
}
.premiere-banner-cta svg { flex:none; transition:transform .2s ease; }
.premiere-banner-link:hover .premiere-banner-cta { border-color:var(--paper); }
.premiere-banner-link:hover .premiere-banner-cta svg { transform:translateX(3px); }
@media(max-width:1099px) {
  .premiere-banner { margin:14px 12px 0; border:1px solid oklch(29% 0 0); border-bottom:2px solid var(--red); border-radius:12px; overflow:hidden; }
  .premiere-banner-link { padding:17px 22px; }
}
@media(max-width:600px) {
  .premiere-banner-link { gap:12px; padding:16px; min-height:104px; }
  .premiere-banner-mark { display:none; }
  .premiere-banner-copy strong { font-size:24px; }
  .premiere-banner-detail { font-size:10px; }
  .premiere-banner-detail > span { margin:0 3px; }
  .premiere-banner-cta { gap:7px; padding:12px 10px; font-size:11px; }
  .premiere-banner-cta svg { width:16px; height:16px; }
}
@media(max-width:380px) {
  .premiere-banner-link { flex-wrap:wrap; gap:12px; }
  .premiere-banner-copy { flex:1 0 100%; }
  .premiere-banner-cta { margin-left:0; padding:8px 12px; min-height:40px; }
}
@media(prefers-reduced-motion:reduce) {
  .premiere-banner-link,.premiere-banner-cta svg { transition:none; }
  .premiere-banner-link:hover .premiere-banner-cta svg { transform:none; }
}