/*
 * REVYR case repair
 *
 * Keeps the shared Battlefield / Phoenix hero geometry, removes the accidental
 * full-frame lime wash and carries REVYR's neutral studio, lime evidence signal
 * and coral human-control accent through the hero and Live Lab launchpad.
 */

body.case-page.solo-concept-case--revyr {
  --case-accent: #c7ff36;
  --case-hero-line: #c7ff36;
  --case-hero-title: #f4ecdc;
  --case-hero-stroke: rgba(244, 236, 220, .9);
  --case-reading-accent: #c7ff36;
  --case-reading-line: rgba(199, 255, 54, .28);
  --case-reading-surface: rgba(8, 13, 11, .98);
  --case-reading-card: rgba(244, 236, 220, .045);
  --case-reading-ink: #f4ecdc;
  --case-reading-muted: rgba(244, 236, 220, .62);
  --solo-bg: #080d0b;
  --solo-panel: #0e1512;
  --solo-panel-2: #141d19;
  --solo-accent: #c7ff36;
  --solo-signal: #c7ff36;
  --solo-muted: rgba(244, 236, 220, .62);
  --revyr-ink: #080d0b;
  --revyr-paper: #f4ecdc;
  --revyr-lime: #c7ff36;
  --revyr-coral: #ff654e;
}

body.case-page.solo-concept-case--revyr .case-hero {
  background:
    radial-gradient(ellipse at 18% 44%, rgba(199, 255, 54, .1), transparent 34%),
    radial-gradient(ellipse at 83% 18%, rgba(199, 255, 54, .045), transparent 29%),
    linear-gradient(112deg, #0b110e 0 51%, #080d0b 51% 100%) !important;
}

body.case-page.solo-concept-case--revyr .case-hero::before,
body.case-page.solo-concept-case--revyr .case-hero::after {
  content: none !important;
}

body.case-page.solo-concept-case--revyr .case-hero-image,
body.case-page.solo-concept-case--revyr .case-hero-content {
  border: 1px solid rgba(199, 255, 54, .48) !important;
  border-radius: 0 !important;
  box-shadow:
    0 34px 100px rgba(0, 0, 0, .48),
    inset 0 1px 0 rgba(244, 236, 220, .07) !important;
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px)) !important;
  position: relative;
}

body.case-page.solo-concept-case--revyr .case-hero-image::before,
body.case-page.solo-concept-case--revyr .case-hero-content::after {
  background:
    linear-gradient(135deg, transparent calc(50% - 2px), rgba(199, 255, 54, .98) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) top right / 38px 38px no-repeat,
    linear-gradient(135deg, transparent calc(50% - 2px), rgba(199, 255, 54, .98) calc(50% - 2px) calc(50% + 2px), transparent calc(50% + 2px)) bottom left / 38px 38px no-repeat,
    linear-gradient(90deg, rgba(199, 255, 54, .98), rgba(199, 255, 54, .12)) top right / 110px 3px no-repeat,
    linear-gradient(180deg, rgba(199, 255, 54, .98), rgba(199, 255, 54, .12)) top right / 3px 110px no-repeat,
    linear-gradient(270deg, rgba(199, 255, 54, .98), rgba(199, 255, 54, .12)) bottom left / 110px 3px no-repeat,
    linear-gradient(0deg, rgba(199, 255, 54, .98), rgba(199, 255, 54, .12)) bottom left / 3px 110px no-repeat !important;
  border: 0 !important;
  content: "" !important;
  inset: 0 !important;
  opacity: 1 !important;
  pointer-events: none;
  position: absolute;
  z-index: 3;
}

/* The shared coherence layer previously painted this entire pseudo-element
   lime at .78 opacity. It is intentionally only a neutral vignette here. */
body.case-page.solo-concept-case--revyr .case-hero-image::after {
  background:
    linear-gradient(90deg, rgba(8, 13, 11, .04), transparent 44%),
    linear-gradient(0deg, rgba(8, 13, 11, .22), transparent 46%) !important;
  border: 0 !important;
  content: "" !important;
  inset: 0 !important;
  height: auto !important;
  opacity: 1 !important;
  pointer-events: none;
  position: absolute;
  width: auto !important;
  z-index: 1;
}

body.case-page.solo-concept-case--revyr .case-hero-image > img {
  filter: saturate(.86) contrast(1.06) brightness(.93) !important;
  scale: 1 !important;
}

body.case-page.solo-concept-case--revyr .case-hero-content {
  background:
    radial-gradient(circle at 88% 12%, rgba(199, 255, 54, .08), transparent 31%),
    linear-gradient(145deg, rgba(14, 21, 18, .99), rgba(8, 13, 11, .995)) !important;
  overflow: hidden !important;
}

body.case-page.solo-concept-case--revyr .case-hero-content::before {
  background: linear-gradient(180deg, #c7ff36, rgba(199,255,54,.62), #c7ff36) !important;
  box-shadow: 0 0 24px rgba(199, 255, 54, .18) !important;
  content: "" !important;
  height: auto !important;
  inset: 24px auto 24px 0 !important;
  opacity: 1 !important;
  position: absolute;
  width: 3px !important;
}

body.case-page.solo-concept-case--revyr .solo-mark {
  margin-bottom: 1.35rem;
}

body.case-page.solo-concept-case--revyr .solo-mark img {
  filter: drop-shadow(0 0 12px rgba(199, 255, 54, .16));
}

body.case-page.solo-concept-case--revyr .solo-mark span,
body.case-page.solo-concept-case--revyr .case-breadcrumb,
body.case-page.solo-concept-case--revyr .solo-status {
  color: rgba(244, 236, 220, .62) !important;
}

body.case-page.solo-concept-case--revyr .case-hero-content .eyebrow {
  color: #c7ff36 !important;
  letter-spacing: .105em !important;
}

body.case-page.solo-concept-case--revyr .case-hero-content h1 {
  color: #f4ecdc !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-weight: 900 !important;
  letter-spacing: -.065em !important;
  -webkit-text-stroke: .014em rgba(244, 236, 220, .94) !important;
  paint-order: stroke fill;
  text-shadow: 3px 4px 0 rgba(4, 9, 7, .92), 7px 8px 0 rgba(199, 255, 54, .12) !important;
}

body.case-page.solo-concept-case--revyr .case-hero-content .hero-copy {
  color: rgba(244, 236, 220, .68) !important;
}

/* The full evidence suite already has its own premium section below. Keeping
   the same wide proof inside the fixed hero card caused a 532px overflow. */
body.case-page.solo-concept-case--revyr .revyr-hero-evidence {
  display: none !important;
}

body.case-page.solo-concept-case--revyr .live-lab-launchpad {
  --lab-accent: #c7ff36 !important;
  background:
    repeating-linear-gradient(90deg, rgba(199, 255, 54, .025) 0 1px, transparent 1px 46px),
    repeating-linear-gradient(0deg, rgba(244, 236, 220, .014) 0 1px, transparent 1px 46px),
    linear-gradient(112deg, #101713, #080d0b 58%, #0b110e) !important;
  border-color: rgba(199, 255, 54, .44) !important;
  box-shadow: 0 34px 100px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(244, 236, 220, .05);
  clip-path: polygon(0 0, calc(100% - 24px) 0, 100% 24px, 100% 100%, 24px 100%, 0 calc(100% - 24px));
}

body.case-page.solo-concept-case--revyr .live-lab-launchpad__intro {
  background:
    linear-gradient(90deg, rgba(8, 13, 11, .95), rgba(8, 13, 11, .72)),
    radial-gradient(ellipse at 12% 18%, rgba(199, 255, 54, .22), transparent 42%),
    url("../assets/portfolio-case-source/revyr/assets/hero-studio-clean-v3.png") center / cover no-repeat !important;
}

body.case-page.solo-concept-case--revyr .live-lab-kicker,
body.case-page.solo-concept-case--revyr .live-lab-signals article > span {
  color: #c7ff36 !important;
}

body.case-page.solo-concept-case--revyr .live-lab-launchpad h2,
body.case-page.solo-concept-case--revyr .live-lab-signals strong {
  color: #f4ecdc !important;
}

body.case-page.solo-concept-case--revyr .live-lab-launchpad h2 {
  letter-spacing: -.065em !important;
  line-height: .92 !important;
  max-width: 12ch !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

body.case-page.solo-concept-case--revyr .live-lab-launchpad__intro > p:not(.live-lab-kicker),
body.case-page.solo-concept-case--revyr .live-lab-signals small {
  color: rgba(244, 236, 220, .62) !important;
}

body.case-page.solo-concept-case--revyr .live-lab-signals article {
  background: linear-gradient(160deg, rgba(20, 29, 25, .98), rgba(8, 13, 11, .99)) !important;
  border-color: rgba(199, 255, 54, .17) !important;
}

body.case-page.solo-concept-case--revyr .live-lab-button--primary {
  background: #c7ff36 !important;
  border-color: #c7ff36 !important;
  color: #080d0b !important;
}

body.case-page.solo-concept-case--revyr .live-lab-button--secondary {
  border-color: rgba(199, 255, 54, .34) !important;
  color: #f4ecdc !important;
}

body.case-page.solo-concept-case--revyr .live-lab-signals,
body.case-page.solo-concept-case--revyr .live-lab-signals article {
  min-width: 0;
}

@media (max-width: 620px) {
  body.case-page.solo-concept-case--revyr .live-lab-launchpad h2 {
    font-size: clamp(2.55rem, 12vw, 3.7rem) !important;
    max-width: none !important;
  }

  body.case-page.solo-concept-case--revyr .live-lab-signals {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.case-page.solo-concept-case--revyr .case-hero-image > img {
    scale: 1 !important;
  }
}