:root {
  --coral: #df2938;
  --violet: #b51f2e;
  --blue: #d94b55;
  --green: #e5d5bb;
  --ink: #f4ead8;
}

.brand-emblem {
  width: 42px;
  height: 42px;
  padding: 2px;
  border: 0;
  border-radius: 50%;
  filter: drop-shadow(0 0 10px rgba(223, 41, 56, .2));
}

.brand-emblem img,
.closing-emblem img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.closing-emblem {
  width: 132px;
  height: 132px;
  margin: 0 auto 22px;
  padding: 4px;
  border: 0;
  border-radius: 50%;
  filter: drop-shadow(0 20px 34px rgba(0, 0, 0, .42));
}

.ambient-one { background: #651722; }
.ambient-two { background: #8a101d; }
.phone-screen {
  background: radial-gradient(circle at 50% 23%, #40181d 0, #171012 35%, #09090b 72%);
}
.voice-orb {
  background: radial-gradient(circle, #9d202c 0, #42151b 44%, #191013 67%);
  box-shadow: 0 0 50px rgba(223, 41, 56, .34);
}
.voice-orb b { color: #f4e4ce; }
.result-icon { background: rgba(223, 41, 56, .13); }
.result-timer .result-icon { color: #d94b55; background: rgba(181, 31, 46, .14); }
.film-visual {
  background: radial-gradient(circle at 65% 38%, #8c1e2a, #32151a 42%, #0b0b0e 75%);
}
.presence-visual {
  background: radial-gradient(circle, #581923, #231014 42%, #09090b 75%);
}
.closing {
  background: radial-gradient(circle at 50% 20%, #42131b, #08090d 55%);
}