/* =============================================================
   ABOUT / SHOP-SIGN EASTER EGG
   ============================================================= */
.trust-stage {
  background:
    radial-gradient(circle at 18% 20%, rgba(255,212,0,.1), transparent 30%),
    linear-gradient(180deg, #070707 0%, #0b0b0b 100%);
  border-top: 1px solid rgba(255,255,255,.08);
}
.trust-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 24px;
  align-items: stretch;
}
.stage-about .stage-inner { flex-direction: column; gap: 18px; align-items: flex-start; }

.zombie-panel {
  width: 100%;
  display: grid;
  gap: 0;
  padding: 0;
  overflow: hidden;
}
.zombie-panel { grid-template-columns: minmax(0, 3fr) minmax(320px, 2fr); }

.zombie-photo { position: relative; overflow: hidden; min-height: 320px; }

.zombie-copy { padding: 34px 34px 30px; display: flex; flex-direction: column; justify-content: center; }

.zombie-copy h2 {
  margin: 0 0 14px;
  font-family: var(--font-head);
  font-weight: 900;
  font-size: clamp(1.9rem, 3.4vw, 2.6rem);
  text-transform: uppercase;
  line-height: .96;
  letter-spacing: .01em;
}
.zombie-copy p { color: #e7e7e7; margin: 0 0 14px; }
.zombie-tagline {
  margin: 2px 0 0;
  color: var(--yellow);
  font-family: var(--font-head);
  font-weight: 800;
  font-size: .85rem;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* Keep the transparent-background sign centered and contained. */
.zombie-photo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,212,0,.1), transparent 62%),
    linear-gradient(160deg, rgba(255,255,255,.05), rgba(0,0,0,.28));
}
.zombie-sign {
  width: 100%;
  max-width: 320px;
  height: auto;
  filter: drop-shadow(0 14px 20px rgba(0,0,0,.55));
}
.zombie-trigger {
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  transition: transform .2s ease, filter .2s ease;
}
.zombie-trigger:hover { transform: translateY(-3px); filter: drop-shadow(0 0 14px rgba(255,212,0,.4)); }
.zombie-trigger:focus-visible {
  outline: 3px solid var(--yellow);
  outline-offset: 6px;
}
body.zombie-mode .zombie-sign {
  animation: warningPulse .7s ease-in-out 4;
  filter: drop-shadow(0 0 24px rgba(255,43,43,.7));
}
@keyframes warningPulse {
  0%, 100% { transform: rotate(0deg) scale(1); }
  35% { transform: rotate(-2deg) scale(1.03); }
  70% { transform: rotate(2deg) scale(1.03); }
}