/* All rules are scoped. Absolute positioning uses the existing header space:
   no padding, margin or position changes to the site's menus/content. */
.mau-perceria-launch {
  position: absolute;
  top: -138px;
  left: 10px;
  right: 10px;
  height: 120px;
  box-sizing: border-box;
  z-index: 6;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 11px 22px;
  color: #f1e6c9;
  border: 1px solid #a89154;
  border-radius: 5px;
  background: radial-gradient(ellipse at 20% 10%, #244c3be0, transparent 65%), linear-gradient(110deg, #091e19f5, #071415f5);
  box-shadow: inset 0 0 0 3px #142c25, inset 0 0 0 4px #98824750, 0 5px 14px #0009;
  font-family: Arial, sans-serif;
  text-align: left;
}
.mau-perceria-launch::before,
.mau-perceria-launch::after {
  content: "◆";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #cdb77a;
  font-size: 10px;
  pointer-events: none;
}
.mau-perceria-launch::before { left: -5px; }
.mau-perceria-launch::after { right: -5px; }
.mau-perceria-eyebrow { color: #a4c9ae; text-transform: uppercase; font-size: 10px; letter-spacing: 1.5px; line-height: 16px; white-space: nowrap; }
.mau-perceria-eyebrow > span:first-child { color: #6ce795; margin-right: 4px; }
.mau-perceria-mode { margin-left: 7px; padding-left: 8px; border-left: 1px solid #66866b; color: #d5e9d6; letter-spacing: .5px; }
.mau-perceria-launch h2 { color: #f4da91; font: bold 32px/34px Georgia, serif; letter-spacing: 2px; margin: 0; padding: 0; text-shadow: 0 2px 3px #000; }
.mau-perceria-launch time { display: block; color: #e1d6be; font-size: 12px; line-height: 19px; white-space: nowrap; }
.mau-perceria-launch time span { padding: 0 5px; color: #c7a75a; }
.mau-perceria-launch a.mau-perceria-account { display: inline-block; color: #abd9b6; font-size: 11px; line-height: 18px; text-decoration: none; font-weight: normal; }
.mau-perceria-launch a.mau-perceria-account:hover { color: #fff1c3; text-decoration: underline; }
.mau-perceria-launch a.mau-perceria-account:focus-visible { outline: 2px solid #f4da91; outline-offset: 3px; }
.mau-perceria-clock { text-align: center; }
.mau-perceria-caption { margin: 0 0 6px; padding: 0; color: #dbccaa; font-size: 10px; line-height: 14px; text-transform: uppercase; letter-spacing: 1.3px; }
.mau-perceria-units { display: grid; grid-template-columns: repeat(4, 57px); gap: 7px; }
.mau-perceria-unit { box-sizing: border-box; padding: 6px 2px 5px; border: 1px solid #89704480; border-radius: 3px; background: linear-gradient(#192d26, #081411); box-shadow: inset 0 1px #ffffff0d; }
.mau-perceria-number { display: block; color: #fff0bb; font: bold 29px/31px Georgia, serif; font-variant-numeric: tabular-nums; }
.mau-perceria-label { display: block; color: #b3c4b4; font: 9px/14px Arial, sans-serif; text-transform: uppercase; letter-spacing: 1px; }
.mau-perceria-clock small { font-size: 9px; }
@media (max-width: 1100px) {
  .mau-perceria-launch { padding-left: 16px; padding-right: 16px; gap: 10px; }
  .mau-perceria-units { grid-template-columns: repeat(4, 51px); gap: 5px; }
  .mau-perceria-launch h2 { font-size: 30px; }
  .mau-perceria-eyebrow { letter-spacing: 1px; }
}