/* A warmer, more polished live-creator treatment. */
:root {
  --ink: #181216;
  --blue: #181216;
  --lime: #fff6eb;
  --coral: #bd1e37;
  --paper: #f5eee7;
  --muted: #746970;
  --line: rgba(24, 18, 22, .18);
}
.redesign .masthead { background: #fffaf4; }
.redesign .top-cta { background: #bd1e37; }
.redesign .hero { background: #181216; }
.redesign .hero:after { width: 34vw; height: 34vw; top: -15vw; left: 35vw; background: #bd1e37; opacity: .96; }
.redesign .hero-media:after { background: linear-gradient(90deg, #181216 0%, rgba(24, 18, 22, .75) 28%, rgba(24, 18, 22, .08) 70%), linear-gradient(0deg, rgba(24, 18, 22, .22), transparent 42%); }
.redesign .hero-copy h1 em { color: #f0b6bd; }
.redesign .hero-copy .kicker i { background: #bd1e37; }
.redesign .main-button { background: #bd1e37; color: #fffaf4; }
.redesign .hero .main-button { background: #fff6eb; color: #181216; }
.redesign .hero-stamp { color: #fff6eb; text-shadow: 0 2px 22px rgba(24,18,22,.55); }
.redesign .on-air { background: #fff6eb; }
.redesign .ticker { background: #181216; color: #fff6eb; border-color: #181216; }
.redesign .ticker b { color: #bd1e37; }
.redesign .door { border: 1px solid rgba(24,18,22,.2); }
.redesign .lime { background: #fffaf4; }
.redesign .blue { background: #181216; }
.redesign .coral { background: #bd1e37; color: #fffaf4; }
.redesign .coral:before { opacity: .55; }
.redesign .feature-band { background: #2c1b22; }
.redesign .feature-copy .kicker { color: #f0b6bd; }
.redesign .feature-copy .kicker i { background: #bd1e37; }
.redesign .feature-copy h2 em { color: #f0b6bd; }
.redesign .outline-button { color: #fff6eb; border-color: #fff6eb; }
.redesign .frame-zone { background: #eaded5; }
.redesign .frame-wrap { box-shadow: 14px 14px 0 #bd1e37; }
.redesign .universal-zone { background: #181216; color: #fffaf4; display: grid; grid-template-columns: .7fr 1.3fr; gap: 70px; align-items: center; }
.redesign .universal-heading h2 { margin-bottom: 26px; }
.redesign .universal-heading h2 em { color: #f0b6bd; }
.redesign .universal-heading > p:not(.kicker) { max-width: 340px; font-size: 16px; }
.redesign .universal-heading .kicker { color: #f0b6bd; }
.redesign .universal-heading .kicker i { background: #bd1e37; }
.redesign .universal-frame { overflow: hidden; background: #fffaf4; box-shadow: 14px 14px 0 #bd1e37; }
.redesign .universal-frame iframe { display: block; width: 100%; height: 620px; border: 0; background: #fffaf4; }
.redesign .frame-bar b { color: #f0b6bd; }
.redesign .guide-grid { background: #fffaf4; }
.redesign .steps article b { color: #bd1e37; }
.redesign .article-list article { border-color: #181216; }
.redesign .article-list article:nth-child(2) { border-color: #f0b6bd; }
.redesign .article-list article:nth-child(3) { border-color: #bd1e37; }
.redesign .article-list b, .redesign .article-page h1 em { color: #bd1e37; }
.redesign .end-card { background: #181216; color: #fffaf4; }
.redesign .end-card h2 em { color: #f0b6bd; }
.redesign .end-card .main-button { background: #bd1e37; }
@media (max-width: 760px) { .redesign .universal-zone { grid-template-columns: 1fr; gap: 28px; } .redesign .universal-frame iframe { height: 500px; } }